Props 是 Properties 的简写. 它们是只读组件, 工作方式类似于 html 属性. 在 react,Prop 是一种将数据从父组件传递给子组件的方法.
让我们用一个例子来理解这一点.
正如我们已经知道的, react 组件以树的形式安排 UI, 其中父组件成为根组件, 子组件成为分支和子分支. 现在假设父组件希望将数据发送到它的一个深度嵌套组件. 假设您需要从组件 1 向组件 6 发送一个属性. 你会怎么做呢?
不能将属性直接传递给目标组件. 这是因为 React 遵循这样的规则: 属性必须从父组件流向直接的子组件. 这意味着在发送属性时不能跳过子组件层, 子组件也不能将属性发送回父组件. 您可以使用默认的道具, 以防父组件没有向下传递道具以便它们仍然被设置. 这就是 React 具有单向数据绑定的原因.
因此, 在本例中, 我们需要逐层发送数据, 直到它到达目标子组件. 此路径中的每个组件都必须从其父组件接收该属性, 然后将该属性作为接收重发到其子组件. 这个过程会重复, 直到属性到达它的目标组件.
由于这些属性只能从父组件传递, 因此不能更改它们.
来源: http://www.css88.com/qa/react/14813.html