动态创建接受setState的组件

import React from 'react';

class DynamicComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      count: 0
    };
  }

  handleClick = () => {
    this.setState(prevState => ({
      count: prevState.count + 1
    }));
  }

  render() {
    return (
      <div>
        <p>Count: {this.state.count}</p>
        <button onClick={this.handleClick}>Increment</button>
      </div>
    );
  }
}

class ParentComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      dynamicComponents: []
    };
  }

  handleAddComponent = () => {
    const dynamicComponents = this.state.dynamicComponents.slice();
    dynamicComponents.push(React.createElement(DynamicComponent));
    this.setState({ dynamicComponents });
  }

  render() {
    return (
      <div>
        <button onClick={this.handleAddComponent}>Add Component</button>
        {this.state.dynamicComponents.map((component, index) => (
          <div key={index}>{component}</div>
        ))}
      </div>
    );
  }
}