React：React组件中不显示Prop

Question

我正在传递反应路线组件中的道具，如下所示：

<Route exact 
       path='/' 
       component={HomePage} 
       display_notification={this.display_notification.bind(this)} 
/>

但是当我打印HomePage的道具时，我找不到display_notification。

请帮忙。

我正在使用react-router-v4

Answer 1

路线不会为您重构道具，它只传递与内部位置相关的道具。您需要使用render={} API - https://reacttraining.com/react-router/web/api/Route/render-func

类似

<Route exact 
  path='/' 
  render={() => <HomePage display_notification={this.display_notification} />} />