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

时间:2019-04-08 10:51:01

标签: javascript reactjs

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

我一直在研究它,但无济于事。

1 个答案:

答案 0 :(得分:1)

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

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

使用React Synthetic Event(onMouseOver?)在显示组件之间切换-鼠标悬停选择,否则显示文本。我建议使用onClick,因为我认为它更易于使用,并且更适合移动设备。

当用户选择其中一个替换单词时,该单词不再被视为拼写错误,并且整个父组件都将卸载,并由正确拼写的单词替换。

React Synthetic Events docs