如何將React元素嵌入到組件中？

我學習陣營JS和我有一個初學者的問題：我創建了一個陣營元素如何將React元素嵌入到組件中？

const element = <h1>Hello, world</h1>;

我不明白，爲什麼我需要括號把元素內部組件

const Module =() => 
<div> 
{element} // why {element} not element 
</div>; 
ReactDOM.render(<Module/>, document.getElementById('root'));

來源

2017-09-02 kilogram

爲什麼{元素}不是元素

因爲沒有{...}，你只是寫ng HTML文本;該div會在其中包含「元素」一詞。 {...}表示表達式，其應該在{...}爲宜的情況下進行評估和使用;在這種情況下，該表達式僅僅是一個變量引用，因此嵌入了該表達式評估時的變量值（當調用您的無狀態功能組件時）。

來源

2017-09-02 11:31:29

它是一個純JavaScript的東西？我的意思是 - 表達。或React的東西 – kilogram

@千里：這是一個[JSX]（https://facebook.github.io/react/docs/introducing-jsx.html）的東西。 –

它可能會更容易爲你去通過Hello World!例子反應的網站比解釋它和平膳食在stackoverflow。你所指的是JSX，它是由反應團隊創建的類似於html的語法。大括號是一種將變量注入JSX並使代碼更具可讀性的方法。你能想象如果你有一個沒有大括號插入的變量會有多混淆。你會看元素並說，它們是指單詞元素還是可變元素？

來源

2017-09-03 01:57:21 Hillsie

如何將React元素嵌入到組件中？

回答

相關問題