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。在 react-dom/server ,有ReactDOMServer.renderToString和.renderToStaticMarkup服务器端渲染支持。

总的来说,两者的区别就是:ReactDom是React的一部分。ReactDOM是React和DOM之间的粘合剂,一般用来定义单一的组件,或者结合ReactDOM.findDOMNode()来使用。更重要的是ReactDOM包已经允许开发者删除React包添加的非必要的代码,并将其移动到一个更合适的存储库。

ReactDOM的用法:

1<!DOCTYPE html> 2<html> 3<head> 4 <title></title> 5 <meta  charset="utf-8"> 6 <script type="text/javascript" src="../js/react.min.js"></script> 7 <script type="text/javascript" src="../js/react-dom.min.js"></script> 8 <script type="text/javascript" src="../js/browser.min.js"></script> 9</head> 10<body> 11<div id="a"></div> 12 13<script type="text/babel"> 14 ReactDOM.render( 15 <h1>React入门教程</h1>, 16 document.getElementById("a") 17); 18</script> 19</body> 20</html>

React的用法:

1<!DOCTYPE html> 2<html> 3<head> 4 <title></title> 5 <meta  charset="utf-8"> 6 <script type="text/javascript" src="../js/react.min.js"></script> 7 <script type="text/javascript" src="../js/react-dom.min.js"></script> 8 <script type="text/javascript" src="../js/browser.min.js"></script> 9</head> 10<body> 11<div id="a"></div> 12 13<script type="text/babel"> 14 React.render(<h1>React入门教程</h1>,document.getElementById("a")); 15</script> 16</body> 17</html>

官网更多详细解析参照:https://facebook.github.io/react/blog/2015/10/07/react-v0.14.html

点赞
收藏

评论区

加载中...

相关推荐

MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1

文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s

Oracle 分组与拼接字符串同时使用

SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(

手写Java HashMap源码

HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22

03. react 初次见面

    与浏览器的DOM元素不同,React当中的元素事实上是普通的对象,ReactDOM可以确保浏览器DOM的数据内容与React元素保持一致。1、将元素渲染到DOM中    首先我们在一个HTML页面中添加一个id"root" 的<div:<divid"root"

React16.4 开发简书项目 从零基础入门到实战

第1章课程导学本章主要介绍学习react的重要性,课程的知识大纲,学习前提,讲授方式及预期收获。11课程导学第2章React初探本章主要讲解React项目的开发环境搭建,工程代码结构及React中最基础的语法内容,同时对前端组件化思想进行介绍。21React简介22React开发环境准备23工程目录

2023版Web前端架构师(无密)

2023版Web前端架构师(无密)downloadsisuoit.com/4479.html01长处React相对杰出的优势主要有:1、活络性:React没有像Angular和Vue那样强制要求运用特定的架构和方式。开发者能够依照自己的需求来规划组件和架构