css - 映射和过滤困惑

标签 css reactjs

我对 map 和 filter 功能有点困惑,请帮我解决我的问题。

这是我的代码。我只想突出显示选定的行。但是现在,当我选择一行时,整行都会突出显示。

  {DocumentList && DocumentList.map(Doc =>
 <tr key={Doc.DocID}  className={selectedDocumentsForAttach.length !==0 && selectedDocumentsForAttach.filter(o => (o.DocID === Doc.DocID))?"print-table-row_hyLight":'print-table-row'}>

最佳答案

您的三元条件应评估为 bool 值。您应该使用 .some 而不是 .filter,如果您的参数函数调用中至少有一个返回 true,则返回 true。 Cf. MDN

关于css - 映射和过滤困惑,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58092660/

相关文章:

html - 如何在css中设置动画?

html - 如何在手机上使用图片元素获得清晰的图像

javascript - 为什么分配了错误的索引?

reactjs - 使用 useRef react createPortal 不起作用

javascript - 如何在 FlatList 上没有该元素的情况下从数组中删除元素并更新状态?

css - 有序列表中的无序列表

html - css3 和 html5 中的背景覆盖

html - div 溢出到另一个 div 内

javascript - ReactJS : Should on express. js 或其他一些中间件来处理 React 应用程序中的登录和 session ?

javascript - 安装后尝试设置时出现 react 导航错误 - 元素类型无效