react基本用法

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