ReactDom.render和React.render的区别
這個(gè)是react最新版api，也就是0.14版本做出的改變。主要是為了使React能在更多的不同環(huán)境下更快、更容易構(gòu)建。于是把react分成了react和react-dom兩個(gè)部分。這樣就為web版的react和移動(dòng)端的React Native共享組件鋪平了道路。也就是說(shuō)我們可以跨平臺(tái)使用相同的react組件。
?新的react包包含了React.createElement，.createClass，.Component，.PropTypes，.children以及其他元素和組件類。這些都是你需要構(gòu)建組件時(shí)助手。?
而react-dom包包括ReactDOM.render，.unmountComponentAtNode和.findDOMNode。在?react-dom/server?，有ReactDOMServer.renderToString和.renderToStaticMarkup服務(wù)器端渲染支持。
總的來(lái)說(shuō)，兩者的區(qū)別就是：ReactDom是React的一部分。ReactDOM是React和DOM之間的粘合劑，一般用來(lái)定義單一的組件，或者結(jié)合ReactDOM.findDOMNode（）來(lái)使用。更重要的是ReactDOM包已經(jīng)允許開(kāi)發(fā)者刪除React包添加的非必要的代碼，并將其移動(dòng)到一個(gè)更合適的存儲(chǔ)庫(kù)。
?
ReactDOM.render的用法：
<!DOCTYPE html> <html> <head><title></title><meta charset="utf-8"><script type="text/javascript" src="../js/react.min.js"></script><script type="text/javascript" src="../js/react-dom.min.js"></script><script type="text/javascript" src="../js/browser.min.js"></script> </head> <body> <div id="a"></div><script type="text/babel">ReactDOM.render(<h1>React入門教程</h1>, document.getElementById("a") ); </script> </body>React.render的用法：
<!DOCTYPE html> <html> <head><title></title><meta charset="utf-8"><script type="text/javascript" src="../js/react.min.js"></script><script type="text/javascript" src="../js/react-dom.min.js"></script><script type="text/javascript" src="../js/browser.min.js"></script> </head> <body> <div id="a"></div><script type="text/babel">React.render(<h1>React入門教程</h1>,document.getElementById("a")); </script> </body> </html>?
轉(zhuǎn)載于:https://www.cnblogs.com/TTTK/p/6126352.html
總結(jié)
以上是生活随笔為你收集整理的ReactDom.render和React.render的区别的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： hdu 5317 RGCDQ （2015
- 下一篇： winrar64位怎么破解