react类函数中如何获取到props

在React类组件中获取props可以通过以下几种方式实现：

通过构造函数获取

在类组件的构造函数中，props会作为第一个参数传入。可以通过super(props)调用父类构造函数，并将props绑定到实例上：

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    console.log(props); // 这里可以访问props
  }
}

通过this.props访问

在类组件的任何方法中，包括render方法，都可以通过this.props访问传入的props：

class MyComponent extends React.Component {
  render() {
    return <div>{this.props.someProp}</div>;
  }
}

使用静态defaultProps

可以为props设置默认值，当父组件没有传递对应prop时会使用默认值：

class MyComponent extends React.Component {
  static defaultProps = {
    someProp: 'default value'
  };

  render() {
    return <div>{this.props.someProp}</div>;
  }
}

生命周期方法中使用

在组件的生命周期方法中，如componentDidMount，也可以通过this.props访问：

class MyComponent extends React.Component {
  componentDidMount() {
    console.log(this.props);
  }
}

类组件中的props是只读的，不应该直接修改它们。如果需要基于props派生状态，可以在构造函数中使用this.state，或者在getDerivedStateFromProps静态方法中处理。