不同props,组件内部的状态(一般是容器组件(一般路由组件)内部状态比较多)
注意:函数式组件没有内部的状态 (需要使用hook)
- 定义组件的state
class App extends Component {
// 第一种 直接定义state属性
state = {
isLike: true,
title: 'hello react'
}
// 定义state第二种方式 constructor
constructor(){
super();
this.state = {
isLike: false,
title: '你好react'
}
};
render(){
return (
<div>
{ this.state.isLike ? '我爱你' : '你是个好人会遇到更好的女孩' }
{ this.state.title }
</div>
)
}
}
- react不是mvvm框架
直接修改某个state 视图不刷新
this.state.isLike = true
让一个页面自动刷新三种方式- this.forceUpdate() 强制刷新
- this.setState() 修改 某个状态([setState怎么用?])
- 当前组件的prop 值改变了