reactjs - React <Router><Route/> 标签中的元素属性和组件属性有什么区别

标签 reactjs routes

案例 1:在 Route 标签中使用元素属性时

const App = () => {
  return(
    <Routes>
      <Route path="/" element={<Home />} />
      <Route path="/album" element={<Album />} />
    </Routes>
  )
};

情况 2:在 Route 标签中使用组件属性时

const App = () => {
  return(
    <Routes>
      <Route path="/" component={<Home />} />
      <Route path="/album" component={<Album />} />
    </Routes>
  )
};

最佳答案

react-router 的当前文档说所有选项基本上都做同样的事情,但他们保留它们是为了支持旧版本,但你只能使用其中一个。

react-router-documentation

关于reactjs - React <Router><Route/> 标签中的元素属性和组件属性有什么区别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/72376545/

相关文章:

ruby-on-rails - 根据我所处的 View 制作 if 条件 (Rails 4)

javascript - 用另一个对象替换数组中的对象,ReactJS

javascript - 从 react 组件的数组类型状态属性中弹出的正确方法?

javascript - 获取数据时应该使用 setInterval 吗?

url - 如何在 Yesod 中获取静态资源的 TypeSafe URL

asp.net - 如何使用带有查询字符串的路由 ASP.NET 4 WebForms?

javascript - React 设置一次性路线

javascript - 在 reactjs 中发出 HTTP 请求之前如何等待事件的互联网连接?

android - React-Native 无法获取/和 JS 包

asp.net-mvc - 如何为 ASP.NET MVC 站点定义一个包罗万象的路由?