React.render和reactDom.render的区别
2017-04-30 17:13
429 查看
刚开始学习react.js。发现网上的资料,有些是写着react.render,有些写着reactDom.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。在
总的来说,两者的区别就是:ReactDom是React的一部分。ReactDOM是React和DOM之间的粘合剂,一般用来定义单一的组件,或者结合ReactDOM.findDOMNode()来使用。更重要的是ReactDOM包已经允许开发者删除React包添加的非必要的代码,并将其移动到一个更合适的存储库。
这个是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包添加的非必要的代码,并将其移动到一个更合适的存储库。
相关文章推荐
- React.render和reactDom.render的区别
- React.render和reactDom.render的区别
- React.render和reactDom.render的区别
- React.render和reactDom.render的区别
- React.render和reactDom.render的区别
- react-dom 的 renderToString 与 renderToStaticMarkup (转载)
- React入门介绍(1)-ReactDOM.render()等基础
- 【react-router】从Link组件和a标签的区别说起,react-router如何实现导航并优化DOM性能?
- React学习笔记-模板、ReactDOM.render()、JSX语法
- React 语法一:React.createClass()、ReactDOM.render()、props、state和componentDidMount()
- ReactDom.render调用后没有渲染
- React入门介绍(1)-ReactDOM.render()等基础
- applyTo and renderTo区别
- DOM标准与IE的html元素事件模型区别
- XML的接口标准DOM与SAX的区别
- SAX和DOM解析XML文档的区别
- HTML+DOM与XML+DOM之间的区别与联系
- 【转帖】OnPreRender Render的区别
- Microsoft.DOMDocument.5.0与Microsoft.FreeThreadedDOMDocument.5.0的区别
- DOM Node Element Attr 的联系与区别汇总