react用法
1,引入三个文件
<script src="../base/react.min.js"></script>
<script src="../base/react-dom.min.js"></script>
<script src="../base/browser.min.js"></script>
文件引入是有顺序的,先引入react.min.js,再引入react-dom.min.js,最后引入browser.min.js
第一个文件相当于Vue.js,提供的是react对象;
第二个文件提供了reactdom对象;
第三个文件是帮助浏览器解析jsx语法糖
2,在script标签中的用法
创建组件
组件是虚拟dom
将虚拟dom通过ReactDom.render挂载到真实dom上
组件名必须大写
这个是15.6版本的写法
<script type="text/babel">
let Component = React.createClass({
render() {
// render 函数内部 返回jsx
return (
<h1> 你好世界</h1>
)
}
})
// 将组件的虚拟dom挂载到真实dom上
ReactDOM.render(<Component/>,document.getElementById('app'))
</script>
注:使用jsx时需要引入browser.min文件,而且在script标签中需要加上type=“text/babel”才可以解析jsx
这是16版本的写法
class Mount extends Component{
render(){
return()
}
}
export default Box