【问题标题】:Gatsby: pass state to links in markdown files?盖茨比:将状态传递给降价文件中的链接?
【发布时间】:2019-04-23 01:45:39
【问题描述】:

我正在开发 Gatsby 网站。有一个侧面导航树可以导航到 Markdown 文件支持的所有文章(使用 gatsby-transformer-remark)。为了在导航到不同页面时保持树节点展开的状态,我在导航树组件中通过navigate 调用包含了一些状态:

      navigate(node.href, {
        state: {
          expandedNodes
        }
      });

这很好用。当转到下一页时,树的状态保持不变。

但是,我的问题是当我想从一篇 Markdown 文章链接到另一篇文章时。当我单击该链接时,它会导航到正确的页面,但树的状态会丢失。

有什么方法可以让我将该状态传递给 Markdown 文件中的链接?

【问题讨论】:

    标签: javascript reactjs gatsby


    【解决方案1】:

    我也在寻求解决与此类似的问题。我找到了 gatsby 插件gatsby-plugin-catch-links,它维护了应用程序的状态(包括树),因为它“捕获”了在 markdownn 文件中找到的链接,并使用 Gatsby 提供的 Link 组件而不是“a”HTML 标记来包装它们.

    https://www.gatsbyjs.org/packages/gatsby-plugin-catch-links/

    【讨论】:

    • 那么如何在markdown链接中传递状态呢?
    猜你喜欢
    • 1970-01-01
    • 2021-01-14
    • 1970-01-01
    • 2020-12-03
    • 2020-08-12
    • 2020-02-20
    • 2021-07-12
    • 2023-04-03
    • 2021-02-13
    相关资源
    最近更新 更多