我想創(chuàng)建一個(gè)React HOC，理想情況下它將接收兩個(gè)組件而不是一個(gè)包裝的組件，并在它們之間切換。也就是說(shuō)，在下面的代碼中，它們分別代替<h3>component one</h3>和<h3>component two<h3>代表子組件。我將如何做到這一點(diǎn)？有關(guān)如何編寫此HOC的一些偽代碼：<HOC>  <ComponentOne />  <ComponentTwo /></HOC><HOC  componentOne={<ComponentOne />}  componentTwo={<ComponentTwo />}/>hoc(componentOne, componentTwo)class HOC extends React.Component {    constructor() {    super();    this.state = {      onClick: false,    };    this.handleClick = this.handleClick.bind(this);  }  handleClick() {    this.setState({onClick: !this.state.onClick});  }      render() {    return (      <div>        <button onClick={this.handleClick}>Click Me!</button>        {           this.state.onClick ?            <h3>component one</h3> :            <h3>component two</h3>        }      </div>    );  }}ReactDOM.render(<HOC />, app);<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script><div id="app"></div>