介绍
react中数据承载两种方式:
props
一般由外部传入,内部可以设置默认属性,但是不能更改外部传入来的属性state
一般由自己控制,自己可以进行状态更改。
state
- 两种创建方式
- 通过 class 组件创建
- 通过 函数式组件创建
- 使用 class 创建时使用 state
this.state = {
//通过 this.state定义组件的初始状态
num:1
}
this.setState({
//通过`this.setState()`方法实现数据改变,视图重新render渲染
num:this.state.num+1
})
代码展示:
<script type="text/babel">
class App extends React.Component{
constructor(){
super