反应路由器渲染

Question

我有一段我看不懂的代码。任何解释表示赞赏。我的问题是（道具）实际上在这里做什么以及它来自哪里？如果我去掉“道具”，我的代码就无法工作。

<Route
          exact
          path='/'
          render={(props) =>
            !isAuthenticated ? (
              <Landing {...props} />
            ) : (
              <Redirect to='/admin' />
            )
          }
 />

Answer 1

Route 是 react-router 的一个组件，它匹配 url 和路由，您提供的代码用于身份验证，如果用户未获得授权，则重定向用户，从父级传递的任何内容都必须传递给子级在这种情况下，他们传递 props 的原因是传递 React Router 的属性，包括历史、位置等。一个简单的 console.log 将告诉你它传递了什么以及为什么需要它

参考下面的图片，看看什么都通过了