在 React 构造函数中调用 super() 的作用是什么？

在React类组件的构造函数中调用super(props)是非常重要的一步，这主要有以下几个作用：

1. 继承父类React.Component的功能： 在React中，如果我们的组件是通过继承React.Component来定义的，那么在构造函数中调用super()是必须的。因为这样可以确保你的子类继承了所有React.Component的方法，例如setState和props等。如果没有调用super(props)，就不能在构造函数中使用this关键字，因为在构造函数中，直到调用了父类的构造函数（即super()），this才会被初始化。

2. 传递props到父类构造函数： 通过在super()中传递props，可以确保在构造函数内部，以及在任何生命周期方法中，通过this.props访问到的props都是最新的。这样做可以提高组件的可维护性和可读性。

例如：

jsx
class MyComponent extends React.Component {
  constructor(props) {
    super(props); // 这一步是必须的
    this.state = {
      count: 0
    };
  }

  componentDidMount() {
    console.log('Props:', this.props);
  }

  render() {
    return (
      <div>
        <h1>{this.props.title}</h1>
        <button onClick={() => this.setState({count: this.state.count + 1})}>
          点击我（{this.state.count}次）
        </button>
      </div>
    );
  }
}

在这个例子中，我们通过继承React.Component创建了一个名为MyComponent的类组件。在构造函数中，我们调用了super(props)以确保组件可以正常使用React.Component提供的所有特性，包括this.props和this.state。这样，我们就能在组件的任何地方安全地使用这些特性了。