如何在特定索引处给出跨度底部边界的数组？ ReactJS

问题描述

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

return <span>{val}</span>
         

解决方法

将此添加到您的style对象中（根据需要更改边框样式）：

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

说明：如果index === this.state.userInput.length的值为true，则整个表达式的值为字符串。如果计算结果为false，则整个表达式的计算结果为false（因此不会显示边框）。