个人中心
gpt4 book ai didi

javascript - `react-router-dom` 没有渲染任何东西

转载 作者：行者123 更新时间：2023-12-05 05:51:32 24 4
gpt4 key购买 nike

<分区>

我使用 npx create-react-app web 启动了一个基本的 React 项目，并使用 npm start 运行。我正在使用 react-router-dom 来处理导航，项目如下:


index.js

ReactDOM.render(
    <BrowserRouter>
        <App />
    </BrowserRouter>, 
    document.getElementById('root')
)


App.js:

function Home() {
  return (
    <div>
      <h2>Home</h2>
      <div>
        I am at home, this should render as expected
      </div>
    </div>
  );
}

function About() {
  return (
    <div>
      <h2>About</h2>
    </div>
  );
}

function Dashboard() {
  return (
    <div>
      <h2>Dashboard</h2>
    </div>
  );
}

class App extends Component {

    render(){
        return(
            <main>
                <Routes>
                    <Route path='/' element={Home} />                
                    <Route path='/About' element={About} />                
                </Routes>
            </main>
        )
    }


}

export default App;

当我转到 localhost:3000 时，我只看到一个空白页面，我在这里错过了什么？

24 4 0
文章推荐： javascript - 每个 slider 的单独边框
文章推荐： javascript - MongoDB 聚合 - 查询满足所有对象数组的集合，至少一个
文章推荐： reactjs - 如何垂直对齐 inputAdornment，使其保持在多行 MUI TextField 的顶部
文章推荐： python - 如何使用 xarray 沿时间维度扩展数据变量？
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com