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

Question

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

不起作用：

<Link to="/my/url">

我的问题是如何使用 React 导航实现对 vscode 扩展 Web 视图的导航？

任何帮助或建议不胜感激。

Answer 1

如果您想纯粹使用react-router将组件链接在一起而没有任何URL支持(即在您的此扩展中(，则可以使用createMemoryHistory。请参阅在不更改 URL 的情况下反应路由器。另请考虑react-routerv4 的MemoryRouter。

例：

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>
);
}