reactjs 是否有任何解决方案来显示我的2个组件使用路由？

x8goxv8g 于 2023-03-29 发布在 React

关注(0)|答案(1)|浏览(106)

我希望仅当路径设置为“/”时才在主页中显示“搜索”组件和“用户”组件。由于我在ES-6中尝试，因此无法使用Route，而在ES 5中我使用了switch，并且它按预期工作。
App.js

return (
    <>
    <Navbar />
    <div className='container'>
    <Routes>   

      <Route exact path="/" render={
        (props) => (
          <>
          <Search searchName={searchName} showClear={showClear} clearUsers={clearUsers} />
          <Users users={users} />
          </>
        )
      } />

      <Route path='/about' Component={About} />
      <Route path="/user/:anything" Component={UserDetail} />
      
    </Routes>
    </div>
    </>
  );
}
export default App;

reactjs

来源：https://stackoverflow.com/questions/75855920/is-there-any-solution-to-display-my-2-components-using-route

1条答案

按热度按时间

bqf10yzr1#

尝试创建一个Home.js文件或其他文件：

import React from 'react'

const Home = () => {
  return (
    <>
      <Search />
      <Users />
    </>
  )
}

export default Home

然后将您的路由代码更改为如下所示：

return (
  <>
    <Navbar />
    <div className='container'>
      <Routes>   

        <Route path='/' Component={Home} />
        <Route path='/about' Component={About} />
        <Route path="/user/:anything" Component={UserDetail} />
  
      </Routes>
    </div>
  </>
 );
}

赞(0）回复(0）举报 2023-03-29

我来回答

reactjs 是否有任何解决方案来显示我的2个组件使用路由？

1条答案

相关问题

热门标签

最新问答