reactjs - 在父子组件之间共享数据

Question

我是 reactjs 的新手。我在两个组件之间的数据通信中遇到问题。

我在我的应用程序中使用材料表来列出数据。我在不同的组件中有创建用户表单。创建新用户时，我需要更新列表中新添加的用户。两者都在不同的组件中。如何在两个组件之间共享数据？

Answer 1

有两种方法：

1. 如果您的项目很小，您可以通过创建一个包含所有状态的父容器组件并将其传递给两个子组件
2. 这是为您创建状态管理库的地方，您可以使用非常流行的 redux 方法或其他类似 mobx

Answer 2

将用户表单保留为父组件。在用户表单组件中创建一个状态并将用户数据数组添加到该状态。将数组作为道具发送到表格组件。每当您提交用户表单时，将状态中的数据更新到数组中。随着状态的改变，它将被渲染。