如何 return 输入中输入的内容 - JavaScript/React
How to return what's being entered in input - JavaScript/React
我正在使用 Algolia 为我的网站开发搜索功能。用户输入他们的搜索词，并在他们键入时使用相关结果匹配更新结果。
下面是我要完成的示例：
https://codesandbox.io/s/algolia-search-yy126?file=/src/App.js
基本上，我想弄清楚如何让红色文本显示在搜索框中输入的内容并随着用户键入而更新。这样它就可以说类似“...的结果”
有人对此有任何意见吗？
您的输入有一个值和 onChange 属性。将值分配给状态并在 onChange 函数中更新该状态。
this.state = { userInput: "" }
<input type="text value={this.state.userInput} onChange=(e => this.setState({userInput: e.target.value})/>
有了这个，您将始终拥有 userInput 值，并且您可以立即获取。
我正在使用 Algolia 为我的网站开发搜索功能。用户输入他们的搜索词，并在他们键入时使用相关结果匹配更新结果。
下面是我要完成的示例：
https://codesandbox.io/s/algolia-search-yy126?file=/src/App.js
基本上，我想弄清楚如何让红色文本显示在搜索框中输入的内容并随着用户键入而更新。这样它就可以说类似“...的结果”
有人对此有任何意见吗？
您的输入有一个值和 onChange 属性。将值分配给状态并在 onChange 函数中更新该状态。
this.state = { userInput: "" }
<input type="text value={this.state.userInput} onChange=(e => this.setState({userInput: e.target.value})/>
有了这个，您将始终拥有 userInput 值，并且您可以立即获取。