如何使用 webview 为 VSCode 扩展实现 React App 导航

【问题标题】：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/…