javascript - 传递一个空的 Prop (没有 api 值)来 react 组件

Question

我正在将数据从数组传递到 React 组件。其中一个值是空的，对象是完全未定义的。我已经尝试过一件事，但在此设置中不起作用....我正在将 personId 和 secondpersonId 传递到我的配置文件组件。如果此人没有 secondpersonId，它会创建一个未定义的。

<Profile person={{ 
personid: firstperson[0].personId,
secondpersonid: secondperson[0].secondpersonId,
}} />

我已经为 secondpersonId 试过了...

<Profile person={{ 
personid: firstperson[0].personId,
secondpersonid: (secondperson[0].secondpersonId || 'No id'),
}} />

但它仍然提示无法读取未定义的属性。它是不存在的 secondperson[0] 的数组。

Answer 1

你可以使用 ternary像这样的运算符:

<Profile person={{ 
personid: firstperson[0].personId,
secondpersonid: ((secondperson && secondperson[0]) ? secondperson[0].secondpersonId : 'No id'),
}} />