如何在React中创建带有开始和结束标签的DOM组件？

import React from 'react';

class CustomComponent extends React.Component {
  render() {
    return (
      <div>
        开始标签
        {this.props.children}
        结束标签
      </div>
    );
  }
}

export default CustomComponent;

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

class App extends React.Component {
  render() {
    return (
      <div>
        <CustomComponent>
          这是CustomComponent的子元素
        </CustomComponent>
      </div>
    );
  }
}

export default App;