reactjs - 从外部访问组件状态而不破坏模块化

Question

假设我有这样的组件

function SomeComponent(props) {
  const [x, setX] = useState([]);
  const [y, setY] = useState([]);

  return <></>
}

有没有办法在不破坏模块化的情况下访问同级组件中的 x 和 y？“兄弟姐妹”是指不是孩子、父母或祖父母等的组件。

换句话说，我想访问 x 和 y：

• 不创建全局状态
• 不使用上下文
• 无需将状态存储在另一个组件中，并将 setX 和 setY 作为 props 传入

标签： reactjs

Answer 1

您无法从其他组件访问组件状态 - 除了拥有和设置它的组件之外，任何组件都无法访问它：

https://reactjs.org/docs/state-and-lifecycle.html#the-data-flows-down