javascript - React 从循环结果中存储 prop 值

Question

是否可以从 React 中的循环结果中存储组件 prop 的值？

我有以下组件:

<CheckboxSemantic 
  defaultChecked={questionItem.answer.map((answerItem, answerItemItemIndex) => {
        if (answerItem.value === questionMapping.value) {                                                                                 
          return true;                                                                                
        }
          return false; 
       })
     } />

这将返回以下错误:

Warning: Failed prop type: Invalid prop defaultChecked of type array supplied to Checkbox, expected boolean.

有更好的方法可以实现这一目标吗？

Answer 1

问题出在map上。它总是返回一个数组。您需要像下面一样使用reduce。

<CheckboxSemantic 
  defaultChecked={questionItem.answer.reduce((acc, answerItem) => {
        if (answerItem.value === questionMapping.value) {                                                                                 
          acc = true;                                                                                
        }
        return acc; 
       }, false)
     } />

注意:未经测试，预计语法错误。