L如何将以下代码转换为基于类的组件

import React, { Component } from 'react';

class MyComponent extends Component {
  render() {
    return (
      // 组件的 JSX 代码
    );
  }
}

render() {
  return (
    <div>
      // 组件的 JSX 代码
    </div>
  );
}

render() {
  return (
    <div>
      <h1>{this.props.title}</h1>
      // 其他 JSX 代码
    </div>
  );
}

export default MyComponent;

import React, { Component } from 'react';

class MyComponent extends Component {
  render() {
    return (
      <div>
        <h1>{this.props.title}</h1>
        // 其他 JSX 代码
      </div>
    );
  }
}

export default MyComponent;