首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在React中将数据从孙子节点传递到父节点

在React中将数据从孙子节点传递到父节点
EN

Stack Overflow用户
提问于 2021-11-17 17:03:09
回答 2查看 70关注 0票数 0

您好,我在一个孙子组件中有一个名为info[]的数组,当单击一个按钮访问该数组时,我想要我的父组件。我还想要一个同级组件来访问它。这怎么可能..我有点困惑。我应该使用use-context吗?

谢谢!

EN

Stack Overflow用户

回答已采纳

发布于 2021-11-17 17:37:19

如果我知道你在问什么,它可能是这样的。

代码语言:javascript
运行
复制
const GrandChild = ({ setParentInfo }) => {
  const info = [1, 2, 3];

  const handleClick = () => {
    setParentInfo(info);
  };

  return <button onClick={handleClick}>Set parent info</button>;
};

const Sibling = ({ parentInfo }) => {
  return <div>{parentInfo.length}</div>; // Do whatever you need with parentInfo
};

const Parent = () => {
  const [parentInfo, setParentInfo] = useState([]);

  return (
    <div>
      <GrandChild setParentInfo={setParentInfo} />
      <Sibling parentInfo={parentInfo} />
    </div>
  );
};

在这里你不需要上下文,因为你没有那么多的层,但是如果你需要深入道具而不是使用上下文。

票数 1
EN
查看全部 2 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/70008646

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档