Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 对类的传递参数作出反应_Reactjs_Typescript_Components - Fatal编程技术网

Reactjs 对类的传递参数作出反应

Reactjs 对类的传递参数作出反应,reactjs,typescript,components,Reactjs,Typescript,Components,目前,在我正在处理的一个项目中,页眉有一个常量,用于引入参数并使用以下信息: interface UserProps { user?: { name: string, image: string }, loading?: boolean, error?: Error, theme: Object, } const Header = CurrentUser(({ user, loading, error, theme }: UserProps) =&g

目前,在我正在处理的一个项目中,页眉有一个常量,用于引入参数并使用以下信息:

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

const Header = CurrentUser(({ user, loading, error, theme }: UserProps) => {
具体来说,我想使用传递的用户参数。我有一个组件(类不是常量),我希望能够从页面访问用户,我如何将该值输入到类中

class Registration extends React.Component {

我想这就是你想要的:

您只需要将
用户
道具传递给您的注册组件:

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

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