更改反应形式但输入值不可编辑

Question

我来自angularjs背景，使用2种方式绑定，我不必担心，只需声明一个Submit函数，就可以获取更改或未更改的值。

我现在反应迟钝。 我的输入不可编辑。

class HelloWorldComponent extends React.Component {

  constructor(){
    super();

    this.handleChange = this.handleChange.bind(this)
  }

  render() {
    const person = {"name":"james"};
    return (      
      <input onChange={this.handleChange} type="text" placeholder="name" value={person.name} />      
    );
  }

  handleChange(e){

  }
}

React.render(
  <HelloWorldComponent />, document.getElementById('react_example')
);

http://jsbin.com/huluqifanu/1/edit?js，控制台，输出

还有下一步该怎么办？ 我应该先将api数据设置为状态吗？

Answer 1

如果您不想使用受控组件，则可以使用非受控组件 。

具体来说，您可以使用defaultValue代替input上的value 。

至于第二个问题，您将必须更清楚地询问您的问题，或者最好在单独的Q中一起问。