React入门

React

react

react是facebook出的一款针对于view视图层的库，它主要作用是操作view试图

jsx

jsx是一种语法，可以直接在js里面写html代码，但是需要引用babel.js

基础使用

 1. babel.js  主要用于做js代码转义
 2.react.js  主要用于react的核心库
 3.react-dom.js react中的dom编辑插件，在浏览器使用的

代码展示

 //每个组件都必须有一个返回值，返回的内容是dom结构，
表示当前组件的内容   
        function App(){
          return (<div><h1>react组件</h1>  </div>) 
//表示在页面中渲染此组件 
//参数一表示组件
 //参数二表示dom节点
ReactDOM.render(<App />,document.getElementById('app'))

特别注意

babel.js react.js react.dom.js应该按这个顺序引入，不能颠倒
在react中我们要展示数据可以直接使用{}