在父子组件之间共享数据

Question

我是Reactjs的新手。我在两个组件之间进行数据通信时遇到问题。

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

Answer 1

有两种方法可以做到：

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

Answer 2

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