Question

让我们假设在后端进行了API调用，正在从API中获取一个值，并且该值需要显示在输入标记（jsx）内。如何显示该值？

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

Answer 2

您需要做的只是初始化一个状态。提取api调用后，更新状态，然后可以在输入值中使用该状态：

<input value={this.state.value} />

如何在reactjs的input标签内显示某个值？

2 个答案: