javascript - 如何在 reactjs 的输入标签内显示某个值？

Question

假设在后端进行了一次 API 调用，从 API 中获取了一个值，并且该值需要显示在输入标签 (jsx) 中。如何体现值(value)？

Answer 1

您只需要使用 setState 函数将其设置为组件的状态。一个可能的场景可能是:

componentDidMount() {
  fetchSomeData().then((data) => {
    this.setState({value: data})
  });
}
/* ... later, in your render function */
<input value={this.state.value} />

有关 setState 如何工作的更多信息(以及了解有关整个 React 生命周期的更多信息)，请参阅 https://reactjs.org/docs/react-component.html#setstate