搞不懂“单向数据流”

react 的虚拟树深度优先对比我清楚，局部更新渲染我也清楚，MVVM 模式我也清楚。但就是搞不懂什么叫“单向数据流”？什么叫“视图的状态”？

justjavac 1楼•6 年前

不是“视图的状态”，而是应用的状态（组件的状态）

linxiaoziruo 2楼•6 年前作者

@justjavac 什么是组件的状态，状态这个词云里雾里的。具体指什么东西呢？是组件的某个属性，还是某个函数？

lav1ne 3楼•6 年前

状态就是数据

axetroy 4楼•6 年前

状态听起来抽象。

举个例子: 一个弹窗组件的状态有: 显示和隐藏

抽象成数据

state = {
  visible: true // 弹窗是否可见
}

然后 View (视图) = fn(state)

由状态改变视图，这是单向的，视图发生变化也不会改变状态

minjihao 5楼•6 年前

@axetroy 我也是刚开始学React，不知道是不是和vue里面的单向数据绑定一个意思

yinxin630 6楼•6 年前

@minjihao vue里组件间数据是单向的, v-model指令是双向的

minjihao 7楼•6 年前

@yinxin630 知道啊，我是说vue里面的单向数据绑定跟React中的“单向数据流”比较

yinxin630 8楼•6 年前

@minjihao vue里可没有"单向"数据绑定

vendar 9楼•6 年前

单向数据流，就是父组件传递数据给子组件。子组件数据改变不会原路响应父组件，而是通过发消息的方式向上传递。这种限制也是为了避免双向流动导致逻辑不清，比如难以追踪到底是哪里对数据进行操作。至于视图的状态，就是其中的数据的一种表达。

xcstream 10楼•6 年前

界面发消息改状态状态同步到界面