ReactJS 在我设置状态时类渲染两次是否正常

Question

我正在做自动完成课程，所以我想在输入值的每次更改中设置状态。 喜欢：

state = {
  value: ""
}

render(){
  console.log("called");
  return(
    <div>
      <input type="text" onChange={(e) => this.setState({value: e.target.value})/>
    </div>
  );
}

所以在控制台中，每次更改我都会被“调用”两次。 请问一下好不好用？

Answer 1

您不应该以这种方式将值分配给状态，基于类的组件的推荐方式是使用 this.setState()