如何返回输入中输入的内容 - JavaScript/React

Question

我正在使用 Algolia 为我的网站开发搜索功能。用户输入他们的搜索词，当他们输入时，结果会更新为相关的结果匹配。下面是我要完成的示例：https://codesandbox.io/s/algolia-search-yy126?file=/src/App.js基本上，我试图弄清楚如何使红色文本显示在搜索框中输入的内容并随着用户键入而更新。这样它就可以说出类似“……的结果”之类的话有人对此有任何意见吗？

Answer 1

您的输入有一个 value 和 onChange 属性。将值分配给状态并在 onChange 函数中更新该状态。

this.state = { userInput: "" }

<input type="text value={this.state.userInput} onChange=(e => this.setState({userInput: e.target.value})/>

有了这个，您将始终拥有 userInput 值，并且您可以立即获取。