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

Question

你能帮助我如何交换{row}的硬编码[0]。问题在于转移{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

假设row是你的索引，你试图使用...

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>