我正在学习 React Js，但我有一个初学者问题：我创建了一个 React 元素
const element = <h1>Hello, world</h1>;
我不明白，为什么我需要大括号将元素放入组件中
const Module = () =>
<div>
{element} // why {element} not element
</div>;
ReactDOM.render( <Module/>, document.getElementById('root') );
为什么{元素}不是元素
因为没有{...}，您只是在编写 HTML 文本；div 中会有“元素”这个词。所述{...}指示表达应该被评估并用于其中{...}是; 在这种情况下，该表达式只是一个变量引用，因此它嵌入了在评估该表达式时（当您的Module无状态功能组件被调用时）的变量值。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句