首页 > 解决方案 > 如何访问上下文消费者中的道具

问题描述

我正在尝试使用此代码发送道具

const CreateActivity = () => (
  <AuthUserContext.Consumer>
    {authUser =>
      <CreateActivityShow match={this.props.match} email={authUser.email}/>
    }
  </AuthUserContext.Consumer>
  )

它给了我以下错误

this3.props 未定义

我需要在 this.props.match 中传递 url 参数,知道我该怎么做吗?

标签: reactjs

解决方案


用以下代码修复

  export default props =>  (
<AuthUserContext.Consumer>
  {authUser =>
    <CreateActivityShow {...props} email={authUser.email}/>
  }
</AuthUserContext.Consumer>
)

推荐阅读