如何将此函数转换为类组件，以便使用render调用返回？

import React from 'react';

class MyComponent extends React.Component {
  render() {
    // 在这里返回组件的UI
    return (
      <div>
        {/* 组件的UI内容 */}
      </div>
    );
  }
}

import React from 'react';

class MyComponent extends React.Component {
  render() {
    // 将函数组件的内容移至render方法中
    return (
      <div>
        {/* 组件的UI内容 */}
      </div>
    );
  }
}

import React from 'react';
import MyComponent from './MyComponent';

class App extends React.Component {
  render() {
    return (
      <div>
        <h1>My App</h1>
        <MyComponent />
      </div>
    );
  }
}

export default App;