循环遍历数组并返回 jsx - 反应

Question

我正在尝试通过数组 map 并返回 jsx 但是我使用的是 Typescript ，所以.map只返回函数（而不是 jsx）。 如何循环遍历数组并为 React 中的每个数组元素返回一些 jsx？

我已经return (<div>{array.map(this.function)}</div>)所以我在每个数组元素上返回一个 function 但我想从 Z1D78BDC8ED512444E5 返回 jsx 和 function 我试过这个{array.map(() => {return this.function && <p>text</p>})}但它只是返回 jsx 或 function。

我想要实现的目标：当我通过数组 map 时，我想在每个数组元素上运行 function 并在每个元素上返回一个段落<p></p>以便我可以在 Z78E62261F6393F14CED1365 旁边显示一些文本function 的。

任何帮助，将不胜感激！

Answer 1

不要忘记添加正确的密钥：

{array.map((el) => (
    <React.Fragment key={}>
        {this.function(el)}
        <p>text</p>
    </React.Fragment>
 ))}