javascript - JSX 中的 JSX JSX 中的 Javascript

Question

我正在尝试使用 JSX 表达式作为另一个 JSX 表达式的生成主体的一部分:

render() {
    return (
      <table>
        {[...Array(5).keys()].map(i => <tr>{
          [...Array(7).keys()].map(j => <td>{
            i * j + (<span>{i + j}</span>)
          }</td>)
        }</tr>)}
      </table>
    )
}

i * j部分呈现正确，但 (<span>{i + j}</span>)呈现为 [object Object] .我该如何修复它或如何让它以另一种方式工作？

Answer 1

您不能从 {} 中返回标签。尝试:

render() {
    return (
      <table>
        {[...Array(5).keys()].map(i => <tr>{
          [...Array(7).keys()].map(j => <td>
            {i * j}
            <span>{i + j}</span>
          </td>)
        }</tr>)}
      </table>
    )
}