React 中数据流向

数据流

UI = render(state)

React 的核心特征是 数据驱动视图。 React 的视图会随着数据的变化而变化，我们说的组件通信其实就是组件之间建立的数据上的连接，这背后是一套环环相扣的 React 数据流解决方案

基于 state 的单向数据流

所谓单向数据流，指的就是当前组件的 state 以 props 的形式流动时，只能流向组件树中比自己层级更低的组件

组件并不会改变接收的数据，只会监听数据的变化，当数据发生变化时它们会使用接收到的新值，而不是去修改已有的值。当组件的更新机制触发后，只是使用新值进行重新渲染。

props

由于 React 是单向数据流，所以 props 基本上也就是从父组件向子组件传递的数据。props 是组件的只读属性，组件内部不能直接修改 props。

state、props 区别联系

props 从某种角度来说，也属于 state 的一类