美文网首页
四. React的状态(State) (一)

四. React的状态(State) (一)

作者: zewweb | 来源:发表于2018-05-07 10:37 被阅读0次
1. state 和 props 类似,但是它是私有的,并且由组件本身完全控制。
2. 正确地使用 State(状态),即如何使用setState()

2.1 不要直接修改 state(状态)

2.2 state(状态) 更新可能是异步的

this.setState({counter:this.state.counter+this.props.increment,});//错误

this.setState((prevState,props)=>({counter:prevState.counter+props.increment}));//正确

2.3 state(状态)更新会被合并

3. 数据向下流动

如果把组件树想像为 props(属性) 的瀑布,所有组件的 state(状态) 就如同一个额外的水源汇入主流,且只能随着主流的方向向下流动。

相关文章

  • 四. React的状态(State) (一)

    1. state 和 props 类似,但是它是私有的,并且由组件本身完全控制。 2. 正确地使用 State(状...

  • react学习笔记--state以及setState

    在react中通过state以及setState() 来控制组件的状态。 state state 是 react ...

  • React State(状态): React通过this.sta

    React State(状态) React 把组件看成是一个状态机(State Machines)。通过与用户的交...

  • React State(状态)

    React State(状态) React 把组件看成是一个状态机(State Machines)。通过与用户的交...

  • React State(状态)

    React 把组件看成是一个状态机(State Machines)。通过与用户的交互,实现不同状态,然后渲染 UI...

  • React State(状态)

    React 把组件看成是一个状态机(State Machines)。通过与用户的交互,实现不同状态,然后渲染 UI...

  • React state状态

    React 把组件看成是一个状态机(State Machines)。通过与用户的交互,实现不同状态,然后渲染 UI...

  • React State 状态

    和 Vue 的思想不同,在 React 中的变量并不是所有的都是在实时变化中的,所以需要状态 State 去维护需...

  • Taro 基于State的数据管理

    学习过react的同学一定知道 state状态State状态更新一定是异步的设置状态必须用setState-- 同...

  • React中state与props介绍与比较

    一.stat 1.state的作用 state是React中组件的一个对象.React把用户界面当做是状态机,想象...

网友评论

      本文标题:四. React的状态(State) (一)

      本文链接:https://www.haomeiwen.com/subject/tbdmrftx.html