reactjs react-router-dom< routes>在localhost：3000中不呈现任何内容

qyuhtwio 于 2023-04-11 发布在 React

关注(0)|答案(2)|浏览(101)

我试图使用基于URL渲染不同的组件。我的代码在图像中。由于某种原因，localhost：3000除了加载时没有渲染任何东西。

class App extends Component {
  render() {
    return (
      <Router>
        <div className="App">
          <NavBar />

          <Routes>
            <Route exact path="/" component={<Landing />}>
              <Route exact path="/register" component={<Register />} />
              <Route exact path="/login" component={<Login />} />
            </Route>
          </Routes>
        </div>
      </Router>
    );
  }
}

reactjs

来源：https://stackoverflow.com/questions/69860360/react-router-dom-routes-not-rendering-anything-in-localhost3000

2条答案

按热度按时间

a64a0gku1#

您使用了不正确的prop将组件渲染到路由中。在v6中，Route组件都只使用element prop。这是v5中component，render和children prop之间的突破性变化。

<Routes>
  <Route path="/" element={<Landing />}>
    <Route path="register" element={<Register />} />
    <Route path="login" element={<Login />} />
  </Route>
</Routes>

赞(0）回复(0）举报 2023-04-11

643ylb082#

除了这个，没有别的对我有用。如果你的index.js中有类似下面的东西：

root.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);

删除<React.StrictMode>元素，渲染将正常工作。

赞(0）回复(0）举报 2023-04-11

我来回答

reactjs react-router-dom< routes>在localhost：3000中不呈现任何内容

2条答案

相关问题

热门标签

最新问答