所有 React 组件 props 在 Typescript 中都应该始终是只读的吗？

Question

看起来它们应该是这样，因为组件内的 props 永远不应该改变。我在 Google 或 Stack Overflow 上找不到任何答案，所以在这里提问只是为了确定一下。

Answer 1

这不是 Typescript 的特殊性，而是 React 的特殊性。

React 的设计是根据一组 props 来渲染组件。如果你想改变组件的渲染方式，父组件需要生成新的 props 并将其交给子组件。

React 数据流是从父级到子级的单向流。你不能也不想改变来自父母的道具。因为如果 props 可以改变，它应该会在 React 组件生命周期中产生 UI 问题。仅当组件的某个 props 的引用发生变化时，组件才会重新渲染。改变 props 不会重新渲染组件，并且您的 UI 将与您的数据不同。