javascript - 如何从父组件更改子组件的状态

Question

所以我有一个 React 网页。

父组件包含所有子组件(下拉列表、单选按钮、表格等)。一旦我使用按钮提交所有表单，我希望所有组件状态都返回为 null。

如果没有 Redux，这可能吗？我知道此时我绝对应该使用 Redux，并且我将在接下来的几天内开始学习它，但在开始之前我想先思考一下我想做的事情是否可能/不可能没有反应。

只是为了内心的平静和充分的理解。

Answer 1

您可以将所有状态值保留在父组件中，并将它们作为带有更改处理程序的 Prop 传递给演示组件。然后您可以在提交表单时重置整个状态。这可能是最“react-y”的方法。

如果您不想这样做，您可以向每个子组件传递一种“reset”属性，当此属性变为 true 时，重置状态，然后重置父级“reset”属性回到假。但是，我个人认为这不是一个很好的方法，并且强烈推荐第一个选项。

编辑:你绝对不需要引入 redux 来完成你想要做的事情