.map 函数中的大括号表达式有问题

Question

你能帮我如何将硬编码的 [0] 换成 {row} 吗？问题在于转义 {row} 内部应该去的外部包装 {} 括号。

我已经尝试了括号和反引号等的各种组合。 对不起，标题不好。

编辑：我发现了错误。代码工作正常。问题出在阵列中。感谢您的快速回答。

return savedChallenges.map((row, i) => {
if (i !== 0) {
return (
<List.Item key={row}>
<List.Content>
<List.Header>
<Link to={`/challenges/${row}`}>{challenges[0].name}</Link>
</List.Header>
<List.Description>{challenges[0].submitter}</List.Description>
</List.Content>
</List.Item>
);
}
return null;
});

Answer 1

假设行是你尝试使用的索引......

return savedChallenges.map((row, i) => {
if (i !== 0) {
return (
<List.Item key={row}>
<List.Content>
<List.Header>
<Link to={`/challenges/${row}`}>{challenges[row].name}</Link>
</List.Header>
<List.Description>{challenges[row].submitter}</List.Description>
</List.Content>
</List.Item>
);
}
return null;
});

Answer 2

在 JSX{...}中，您可以编写所有有效的 JS 表达式。所以它会像

1. <Link to={`/challenges/${row}`}>{challenges[i].name}</Link>
2. <List.Description>{challenges[i].submitter}</List.Description>