在同一组件内反应更新状态

Question

我是 react 新手，我认为设置 state 会重新渲染 react 组件。我在这里错过了什么吗，直到我致电this.forceUpdate() 后才会显示我的文字。

export default class Hello extends React.Component {
  constructor(props){
    super(props);
    this.state = { value: ''};
    this.handleChange = this.handleChange.bind(this);   
  }

  render() {
    return (
        <div>
            <input type="text" onChange={this.handleChange}   />
            <p> You entered {this.state.value} </p>
        </div>
    );
  } 

  handleChange(event){      
    this.state = { value: event.target.value };     
    this.forceUpdate();
  }
}

Answer 1

您应该调用.setState 方法而不是为this.state 分配新值

handleChange(event){      
  this.setState({ value: event.target.value })
}