【问题标题】:How to implement React App navigation for VSCode extension with webview如何使用 webview 为 VSCode 扩展实现 React App 导航
【发布时间】:2020-01-07 22:57:19
【问题描述】:

我在使用React 开发VSCode Extension 时遇到了这个问题。我知道VSCode 允许使用Webview 集成HTML/JS/CSS 代码。但是链接不起作用,所以react-router for Web 不起作用。

不起作用:


<Link to="/my/url">

我的问题是如何使用 React 导航实现导航到 vscode 扩展 webview 中?

感谢任何帮助或建议。

【问题讨论】:

    标签: javascript reactjs visual-studio-code react-router-dom vscode-extensions


    【解决方案1】:

    如果您想使用react-router 纯粹用于将您的组件链接在一起而没有任何 URL 支持(即在您的此扩展中),您可以使用createMemoryHistory。见React Router Without Changing URL。还可以考虑将MemoryRouter 用于react-router v4。

    例子:

    import { MemoryRouter } from 'react-router-dom';
    const App = () => {
      return (
        <MemoryRouter>
          {/* All your routes, i.e. stuff you usually put in <Router>.
              Link elements now work because the "URL" is stored in memory. */}
        </MemoryRouter>
      );
    }
    

    【讨论】:

    • 使用react-router而不是react-router-dom会更好吗?
    • 也许可以,但无论如何它只是重新导出,因此 IMO react-router-dom 更好地与大多数在线资源保持一致。 github.com/ReactTraining/react-router/blob/…
    猜你喜欢
    • 2021-03-12
    • 1970-01-01
    • 2021-01-03
    • 1970-01-01
    • 1970-01-01
    • 2019-03-07
    • 2023-03-12
    • 2021-09-13
    • 1970-01-01
    相关资源
    最近更新 更多