Javascript 如何访问未知父级的上下文

假设我有两个独立的组件X和Y，其中X是Y中的依赖项（不是项目中的直接子项）。可以访问X中Y的上下文吗

例：

X是一个单独的项目，如果要访问Y的上下文，如何才能做到？

---

我可以在X中导入Y的上下文并使用它吗？Y完全是一个单独的组件（在X用作Y中的依赖项之前未知）？

如果要访问某个父变量，父变量必须将其作为属性传递

Y可以把需要的道具传给孩子们

const Y = (props) => {
   const myVariable = 1

   return React.cloneElement(props.children, { context: myVariable })
}

然后X可以通过

props.context.myVariable

const Y = (props) => {
   const myVariable = 1

   return React.cloneElement(props.children, { context: myVariable })
}