从循环

Question

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

我有以下组件：

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

这会返回以下错误：

  

警告：道具类型失败：类型的道具defaultChecked无效   array提供给Checkbox，预计boolean。

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

Answer 1

问题出在map。它将始终返回array。您需要使用下面的reduce。

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

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