您好,我在一个孙子组件中有一个名为info[]的数组,当单击一个按钮访问该数组时,我想要我的父组件。我还想要一个同级组件来访问它。这怎么可能..我有点困惑。我应该使用use-context吗?
谢谢!
发布于 2021-11-17 17:37:19
如果我知道你在问什么,它可能是这样的。
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>
);
};在这里你不需要上下文,因为你没有那么多的层,但是如果你需要深入道具而不是使用上下文。
https://stackoverflow.com/questions/70008646
复制相似问题