react 组件,props传值,state状态

1.需要引入的文件:

<script src='react.js'></script>

<script src='react-dom.js'></script>

<script src='babel.min.js'></script>

2.代码:

html:

<div id='example'></div>

相当于容器

JS:

<1>创建组件,react推荐使用class 来创建组件,注意组件必须继承React.Component类:

下面为一个简单的组件:

react 组件,props传值,state状态

<2>通过props属性来实现值的传递,注意这是一个只读属性。不支持修改。

react 组件,props传值,state状态

<3>.事件绑定与state的使用:

react 组件,props传值,state状态

react 组件,props传值,state状态