如何返回什么'；s正在输入-JavaScript/React中输入

我正在使用Algolia为我的网站开发搜索功能。用户输入他们的搜索词，并在键入时使用相关的结果匹配项更新结果

下面我举了一个例子，说明我正在努力实现的目标：

基本上，我正在试图弄清楚如何使红色文本显示在搜索框中输入的内容，并随着用户的键入而更新。所以它可以说“为……取得结果”

---

有人对此有任何输入吗？

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

this.state = { userInput: "" }

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

this.state={userInput:“”
我试着用钩子做这件事，你有这样的例子吗？我还没有很好地理解钩子，我正在尝试学习，首先从“react”导入{useState}，然后const[userInput，setUserInput]=useState（“”），你的输入标记将是这样的：awesome:）我刚刚注意到我这里有一个输入错误，我纠正了它：setUserInput（e.target.value））/>