使用 react-native-router，重定向到不同的页面不起作用答案

【问题标题】：Using react-native-router, redirecting to different pages not working使用 react-native-router，重定向到不同的页面不起作用
【发布时间】：2021-12-30 19:18:41
【问题描述】：

我有以下几点：

import React from 'react';
import { View } from "react-native";
import { BrowserRouter as Router, Routes, Route, Link } from "react-router-dom";

import Home from './components/Home';

function App() {
  return (
    <Router>
      <View>
      <Routes>
        <Route path="/">
          <Home/>
        </Route>
      </Routes>
      </View>
    </Router>
  );
}
export default App;

每当我转到localhost:3000/ 或localhost:3000/home 时，都会出现一个空白页面，这意味着我的组件在这些页面上时不会被呈现。我在https://v5.reactrouter.com/web/guides/quick-start（网络版和本机版）上遵循了这两个示例，但是似乎都不起作用，尽管我认为文档有些过时，因为Switch 已更改为Routes。

我似乎无法理解我在这里做错了什么

【问题讨论】：

标签： javascript react-native react-router

【解决方案1】：

您使用的是react-router-dom v6，API 发生了一些变化。在Route 组件的element 属性上渲染路由组件as JSX。

function App() {
  return (
    <Router>
      <View>
        <Routes>
          <Route path="/" element={<Home/>} />
        </Routes>
      </View>
    </Router>
  );
}

【讨论】：