📜  单向数据流

📅  最后修改于: 2022-05-13 01:56:28.677000             🧑  作者: Mango

单向数据流

单向数据流是一种主要在函数式反应式编程中发现的技术。它也被称为单向数据流,这意味着数据有一种,并且只有一种方式可以传输到应用程序的其他部分。本质上,这意味着子组件无法更新来自父组件的数据。在 React 中,来自父级的数据称为props 。 Angular 使用双向绑定,其中数据流在两个方向上发生。 React 不支持双向绑定以确保您遵循干净的数据流架构。这种方法的主要好处是数据在您的应用程序中以单一方向流动,让您更好地控制它。
就 React 而言,这意味着:

  • 状态被传递给视图和子组件
  • 动作由视图触发
  • 动作可以更新状态
  • 状态更改被传递给视图和子组件

注意:视图是应用程序状态的结果。动作发生时状态会发生变化。当动作发生时,状态会更新。

单向数据绑定为我们提供了一些关键优势。像:

  • 更容易调试,因为我们知道什么数据来自哪里。
  • 不容易出错,因为我们对数据有更多的控制权。
  • 效率更高,因为图书馆知道系统每个部分的边界是什么。

在 React 中,状态总是由一个组件拥有。此状态所做的任何更改只能影响它下面的组件,即它的子级。更改组件的状态永远不会影响其父级或兄弟级,只有子级会受到影响。这是状态经常在组件树中向上移动的主要原因,以便可以在需要访问它的组件之间共享。