如何在特定索引处给出跨度数组的下边界?ReactJS

Question

那么它是如何检查用户输入的单词并与文本数组进行比较的，我如何给下一个应该输入的跨度赋予底部边界？

return <span>{val}</span>

Answer 1

将其添加到style对象中(根据需要更改边框样式(：

borderBottom: index === this.state.userInput.length && '3px solid #f00'

说明：如果index === this.state.userInput.length的计算结果为true，则整个表达式的计算结果将为字符串。如果它的计算结果为false，则整个表达式的计算结果将为false(因此不会渲染边界(。