Reactjs学习-State
本篇是关于React的基础-State
- 在哪儿定义
1. 类组件
react在Constructor函数中定义state, 如下
2. 函数组件
使用useState定义, 参考官网const [state, setState] = useState(initialState);
-
如何绑定使用
例如
JSX语法中, 想使用刚才定义的state, 需要用花括号包起来
- 如何修改state
1. 类组件
需要绑定事件, React提供setState函数来做这个操作this.setState({state名 : 值 })
注意: 用花括号包起来this.setState(prevState => {//接受一个函数,参数是更新之前的statereturn {age: prevState.age + 1};});例如
你要注意这里有个this指向问题, 所以需要调用bind方法让this指向当前组件,如下( 推荐是放在constructor 函数中 )这样就可以使用了
注意: React中的事件都是驼峰命名, 例如onclick 要写成 onClick
2. 函数组件中 官网案例
在useState中,第二个参数就是这个方法,一般以set开头,例如 `setPostContent` 然后绑定到你的事件上就可以使用了。