reactjs - 在没有关系的 react 路由或组件之间通信数据

标签 reactjs react-router

如何在两个没有父子关系的组件之间通信数据,并且兄弟组件也没有共同的父组件。

场景: 我有两个组件“主页”和“关于”

两者都映射到 App.tsx 中的两个路由路径,这将是我的起始组件。 如何从 home 组件存储某些内容并在 About 组件中获取相同的数据

注意: 1.正在寻找react的任何内置机制来实现这一点,由于项目限制无法使用Redux。

  • 不想使用路由参数,因为它们不是直接路由,而且我可以有多个路由。
  • 最佳答案

    只是为了让您再多思考一下:应用中的任何两个组件都有一个共同的父组件

    现在更实际一些,如果您认为这两个组件之间的关系确实是全局级别的,您可以使用内置 React.Context .

    关于reactjs - 在没有关系的 react 路由或组件之间通信数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58402554/

    相关文章:

    javascript - 分层 react View 中的状态传播

    javascript - 使用 Mousetrap.js 聚焦输入字段 - 但输入字段也将热键粘贴为值?

    node.js - 如何构建一个使用 React 构建的独立桌面应用程序,使用 Node 后端,并将前端和后端都 package 在 Electron 中作为桌面应用程序?

    javascript - react 和 react 路由器上下文未定义

    react-router - Gatsby JS : integrating cubeportfolio gallery and redrawing after onRouteUpdate

    javascript - <Switch> 组件匹配 react-router-4 中的空值

    javascript - 无法使用 map 功能显示 Bootstrap 表

    javascript - 如何用 Jest/ enzyme 来模拟 react refs?

    ReactJS - 关于路由器的问题

    reactjs - DOM 异常 : Failed to execute 'replaceState' on 'History' : A history state object with URL