有沒有考慮過ReactDom.render的第一個參數到底是什麼？

02-10

突然間想到這個問題，可能有的同學未必思考過這個問題。

下面這段代碼是很常見的，所以很多同學可能會考慮，ReactDom.render的第一個參數不就是組件嗎？

ReactDOM.render(<App />, document.getElementById(root));

實際上，ReactDOM.render的第一個參數就是一段jsx，你可以試試下面的這段代碼：

import React from react;import ReactDOM from react-dom;const test = ( <div> <span>Hello world</span> </div>)ReactDOM.render(test, document.getElementById(root));

代碼跑起來很溜的～～

所以，不管你在這放組件，元素，還是無狀態組件，本質上都是在放一個JSX的語法，所以都沒有任何的問題。