React Router 兼容性

LI.FI 组件 与 React Router v6 完全兼容，并在内部使用它进行页面导航。

React Router

为了在您的 React Router 上下文实例中正确运行，我们检查组件是否在上下文中，如果是，则使用它而不是创建新的实例。下面的代码显示了如何正确设置到包含组件页面的路径的示例。

请注意路径末尾的星号，这对于组件内部路径的正确操作是必要的。

<BrowserRouter>
  <Routes>
    <Route path="/swap/*" element={<LiFiWidgetPage />} />
  </Routes>
</BrowserRouter>

如果您在应用程序中不使用 React Router，您不需要做任何事情。我们将在组件内部创建一个内存路由器，所有页面路由的魔法都会在内部发生。

⌘I