標籤:

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

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

下面這段代碼是很常見的,所以很多同學可能會考慮,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的語法,所以都沒有任何的問題。

推薦閱讀:

如何看待知乎使用 React 重構?
解鎖 React 組件化新姿勢 react-call-return
React Fiber初探

TAG:React |