如何从doms的渲染中传递道具？

Question

我知道要将道具传递给我的路线，我需要使用渲染。例如：

const BaseRouter = (props) => (

    <div>
        {console.log(props)} // this displays everything I need, including props.username
        <Route exact path='/room/' render={(props) => <Room {...props} />} />
    </div>
);

问题是，在我的Room组件中，唯一传递的道具是历史、位置和匹配（这些直接来自react-router-dom）。

我还尝试手动传递所需的道具：

<Route exact path='/room/' render={(props) => <Room {...props} username={props.username} />} />

但在房间里，我仍然没有定义道具用户名。有什么想法吗？

Answer 1

路由组件也包含子级。

const BaseRouter = (props) => (

    <div>
        {console.log(props)} // this displays everything I need, including props.username
        <Route exact path='/room/'>
          <Room {...props}/>
        </Route>
    </div>
);

Answer 2

您需要为变量指定不同的名称。执行render={（道具）=

const BaseRouter = (props) => (

    <div>
        <Route exact path='/room/' render={(routeProps) => <Room {...routeProps} {...props} />} />
    </div>
);