ReactDom.render和React.render的区别
這個是react最新版api，也就是0.14版本做出的改變。主要是為了使React能在更多的不同環境下更快、更容易構建。于是把react分成了react和react-dom兩個部分。這樣就為web版的react和移動端的React Native共享組件鋪平了道路。也就是說我們可以跨平臺使用相同的react組件。
?新的react包包含了React.createElement，.createClass，.Component，.PropTypes，.children以及其他元素和組件類。這些都是你需要構建組件時助手。?
而react-dom包包括ReactDOM.render，.unmountComponentAtNode和.findDOMNode。在?react-dom/server?，有ReactDOMServer.renderToString和.renderToStaticMarkup服務器端渲染支持。
總的來說，兩者的區別就是：ReactDom是React的一部分。ReactDOM是React和DOM之間的粘合劑，一般用來定義單一的組件，或者結合ReactDOM.findDOMNode（）來使用。更重要的是ReactDOM包已經允許開發者刪除React包添加的非必要的代碼，并將其移動到一個更合適的存儲庫。
?
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>?
轉載于:https://www.cnblogs.com/TTTK/p/6126352.html
總結
以上是生活随笔為你收集整理的ReactDom.render和React.render的区别的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： hdu 5317 RGCDQ （2015
- 下一篇： winrar64位怎么破解