我正在React.js中构建自定义拼写检查器,但我坚持将单词更改为下拉菜单以选择正确的单词。 请帮忙。
我一直在研究它,但无济于事。
答案 0 :(得分:1)
由于您正在寻找一种通用方法,因此这是我如何解决此问题的方法。
当单词拼写错误时,将其替换为包含两个子元素的React组件:显示拼写错误单词的文本以及“替换单词”选择框。用可能的替换词填充选择。
使用React Synthetic Event(onMouseOver
?)在显示组件之间切换-鼠标悬停选择,否则显示文本。我建议使用onClick
,因为我认为它更易于使用,并且更适合移动设备。
当用户选择其中一个替换单词时,该单词不再被视为拼写错误,并且整个父组件都将卸载,并由正确拼写的单词替换。