reactjs - React - 如何根据点击将子组件连接/断开与父数据的连接？

父组件向子组件（显示它）提供数据（有多个子组件）。子组件有 2 个按钮连接和断开连接。连接时应接收并显示数据，单击断开连接时应断开数据连接。
我会怎么做：子调用父中的方法进行连接/断开连接，然后我将在父状态中有一个标志，并基于该标志渲染有或没有数据的子，然后在子内部我渲染道具或 null 如果没有提供道具。
这意味着如果我有 10 个子组件，我需要 10 个看起来不太好的标志，所以我的第二个想法是：
让标志洞察孩子和触发连接/断开连接的方法，根据是否提供道具进行渲染

我的问题是，是否有一种良好的实践反应方式将孩子连接到父母数据流/停止数据流，而不总是将数据传递给孩子，而只是根据孩子是否“想要”连接来渲染/不渲染它？谢谢！

标签： reactjs

您是否尝试过使用 Redux 或 Context API？两者非常相似，它应该得到你想要的。他们基本上使用 1 个商店（认为它们有多个状态连接到 1 个商店）并且您从子组件获取数据。

获取您的数据后，您可以检查用户是否登录并根据此数据放置您的按钮。

如果我不够清楚，请随时提出任何问题。