react基本用法

react用法

1,引入三个文件

文件引入是有顺序的,先引入react.min.js,再引入react-dom.min.js,最后引入browser.min.js

第一个文件相当于Vue.js,提供的是react对象;

第二个文件提供了reactdom对象;

第三个文件是帮助浏览器解析jsx语法糖

2,在script标签中的用法

创建组件

组件是虚拟dom

将虚拟dom通过ReactDom.render挂载到真实dom上

组件名必须大写

这个是15.6版本的写法


注:使用jsx时需要引入browser.min文件,而且在script标签中需要加上type=“text/babel”才可以解析jsx

这是16版本的写法

class Mount extends Component{

render(){

return()

}

}

export default Box

你可能感兴趣的:(react基本用法)