为什么react将字符串数组渲染为HTML元素？

我想了解为什么会发生这种情况，仅用于教育目的。

所以我有一个字符串数组：

const wordArr = ["h", "o", "l","a", " ", "m", "u", "n", "d", "o"];

如果您将此数组传递给 JSX

return <p>{word}</p>

然后输出将是这样的：

<p>hola mundo</p>

为什么 React 将这个数组解释为一个句子。我只想知道它为什么会发生，它背后的机制是什么？当您有一组单词和 HTML 元素时，这可能会很有帮助，您可以通过传递类/样式来操作 HTML 元素。

老实说，我不知道你能做到这一点，我最近一直在使用，但我真的不知道为什么会这样。很高兴知道为什么会发生这种情况。预先感谢您分享您的知识。