Reactjs 在父组件和子组件之间共享数据

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

我在应用程序中使用material table来列出数据。 我在不同的组件中创建用户表单。 创建新用户时，我需要更新列表中新添加的用户。 两者都有不同的组成部分。

---

如何在两个组件之间共享数据？

有两种方法：

如果您的项目很小，您可以只传递创建一个包含所有状态的父容器组件，并将其传递给两个子组件

这是创建状态管理库的地方，您可以使用非常流行的redux方法或其他类似mobx的方法

---

将用户窗体保留为父组件。在用户表单组件中创建一个状态，并将用户数据数组添加到该状态。将数组作为道具发送到表组件。无论何时提交用户表单，都要将数据更新到状态为的数组中。随着状态的改变，它将被呈现。

请参阅使用合成模式（提升状态）或状态管理库，如redux或mobX。这是一个关于状态管理库的非常好的教程。我们可以将redux与函数组件一起使用吗？目前我不打算使用redux或mobX，因为我的应用程序有点小。我将采用第一种方法。你能提供一些文件吗？我在我的应用程序中使用功能组件，因为您使用的是功能组件，您可以查看useState，它可能看起来很复杂，但实际上并不复杂，并且在许多用例中可以替代redux