反应渲染道具和子道具之间的路由器差异

问题描述

我想了解两种写作方式Reaction<Route />的确切区别，即一种使用"；render"；和另一种使用"；子代&prop；

// With "render"
    <Route
          path={route.path}
          render={props => (
            // pass the sub-routes down to keep nesting
            <route.component {...props} routes={route.routes} />
          )}
        />

// With "children"
    <Route
            path={route.path}
            exact={route.exact}
            children={props => <route.component {...props} routes={route.routes} />}
          />

另外，对于第二个用例(即，对于子级和子级)，当Exact Property为True/s False时有什么不同？

推荐答案

来自

React Router's render function

和

React Router's children function

根据我的理解，主要的区别是当我们将组件作为children道具传递时，该组件将被呈现，即使位置matches or not。

我已经创建了一个示例应用程序来模拟相同的应用程序，here is the app

这篇关于反应渲染道具和子道具之间的路由器差异的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！