Question

我来自angularjs背景，使用2路绑定我不必太担心，只需声明一个提交函数，我就可以获得更改或未更改的值。

我现在坚持做出反应。我的输入不可编辑。

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,console,output

下一步该做什么？我应该首先将api数据设置为某个状态吗？

Answer 1

如果您不想使用Controlled Components，则可以使用Uncontrolled Components。

具体而言，您可以在defaultValue上使用value道具代替input。

关于你的第二个问题，你必须更清楚你要求的是什么，或者更好地在一个单独的Q中提出要求。

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

1 个答案: