如何在React中实现自定义组件？

class CustomComponent extends React.Component {
  render() {
    return (
      <div>
        {/* 组件的内容 */}
      </div>
    );
  }
}

class CustomComponent extends React.Component {
  render() {
    const { text } = this.props;
    return (
      <div>
        {text}
      </div>
    );
  }
}

class App extends React.Component {
  render() {
    return (
      <div>
        <CustomComponent text="Hello, World!" />
      </div>
    );
  }
}