传递道具不是子组件（ReactJS）

如何将道具传递给不是子组件的组件

//I want pass mainData to Component2
let mainData = [
  {
      text_plain: "Text1",
  },
  {
      text_plain: "Text2",
  },
];

function Component1 (props) {
 return (
   <div>
     <Link to={`Component2 url`}>
   </div>
 )
}

//我想将mainData传递给Component2
让mainData=[
{
纯文本：“Text1”，
},
{
纯文本：“文本2”，
},
];
功能组件1（道具）{
返回(
)
}

---

我不想让СComponent2成为一个孩子，因为我不想在Component1中呈现Component2。如何解决这个问题？

为此，您需要一个全局状态管理系统。有很多，但我更喜欢上下文

上下文是一个react钩子，可以在此处找到文档：

阅读有关。这是你需要的。