将Pass参数传递给班级

时间:2019-02-14 16:07:53

标签: reactjs typescript components

当前在我正在研究的项目中,页面标题有一个const,它可以引入参数并使用以下信息:

    interface UserProps {
  user?: {
    name: string,
    image: string
  },
  loading?: boolean,
  error?: Error,
  theme: Object,
}

const Header = CurrentUser(({ user, loading, error, theme }: UserProps) => {

具体来说,我想使用传递的用户参数。我有一个Component(类不是常量),我希望也可以从页面访问用户,我如何将这个值添加到类中?

class Registration extends React.Component {

1 个答案:

答案 0 :(得分:0)

我认为这就是您想要的:

您只想将user道具传递给注册组件:

<Registration user={user} />

然后您可以在注册类的props属性上访问它:

class Registration extends React.Component {
  // ... some stuff
  doSomethingWithUser(){
    const { user } = this.props;
    //or
    const user = this.props.user;
  }
}