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

Question

我正在React.js中构建自定义拼写检查器，并且一直坚持将单词更改为下拉菜单以选择正确的单词。请帮忙。我一直在对此进行研究，但无济于事。

Answer 1

由于您正在寻找一种通用方法，因此这是我将如何解决此问题的方法。

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

使用反应合成事件（onMouseOver？）在显示组件之间切换-在鼠标悬停时选择，否则显示文本。我可能会建议onClick，因为我认为它更易于使用，并且更适合移动设备。

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