reactjs - 创建一个自定义提示框并等待用户在 React Material UI 中输入

Question

我正在使用 React JS 并想使用 Material UI 弹出框组件来获取用户输入。我希望它以与浏览器窗口提示框类似的方式工作，它一直等到用户输入。并从调用它的地方返回输入的文本。我不知道如何实现这一点。我没有找到任何与此相关的有用文章或答案。

任何答案或建议都会有所帮助。谢谢你。

标签： reactjsmaterial-uiuser-interaction

Answer 1

您可能会使用timeoutRef它将在用户停止输入一段时间后运行

const timeoutRef = useRef(null)

const handleChange = e => {
     if (timeoutRef.current) clearTimeout(timeoutRef.current)
     timeoutRef.current = setTimeout(() => showOptions(e.target.value), 1000) 
  }


<Input onChange={handleChange} />

不知道你到底想用什么来实现，showOptions所以没有详细说明那部分