Javascript 如何将单词更改为文本字段或输入字段中的下拉菜单？

我正在React.js中构建自定义拼写检查器，我一直在将单词更改为下拉菜单以选择正确的单词。 请帮忙

---

我一直在做这方面的研究，但没有结果。

既然您正在寻找一种通用方法，下面我将如何处理这个问题

当一个单词拼写错误时，将其替换为包含两个子项的React组件：显示拼写错误单词的文本和“替换单词”选择框。用可能的替换词填充select

在MouseOver上使用React合成事件？要在显示组件之间切换-选择鼠标悬停，否则显示文本。我可能会建议使用onClick，因为我认为它更容易使用，而且更易于移动

当用户选择其中一个替换单词时，该单词不再被评估为拼写错误，整个父组件将被卸载，并被拼写正确的单词替换

---

请发布您拥有的代码片段tryied@KOTIOS我只有一个基本的文本字段。我只是在寻找一种通用的方法来实现它。好吧，我实际上不了解你想要实现的功能，因此你愿意举个例子说明你在寻找什么吗？我们正在构建我们自己的拼写检查器，如Grammary。因此，当用户在文本框中键入时，如果拼写错误，我们会将该单词标记为错误，并用颜色或粗体突出显示。当用户将鼠标悬停在该单词上时，应该会打开一个包含单词建议的下拉列表。因此，我能够突出显示错误的单词，但无法用下拉菜单替换单词字符串。因此，像react autocomplete这样做相同事情的控件已经很少了，请尝试查看一些自定义react autocomplete的示例