在类组件中使用多个导出的React问题

// 导出时使用明确的命名
export class ComponentA extends React.Component { ... }
export class ComponentB extends React.Component { ... }

// 导入时使用解构赋值
import { ComponentA, ComponentB } from './MyComponents';

// 建议统一使用一种方式导出
// 全部使用默认导出
const MyComponent = () => <div>Default Export</div>;
export default MyComponent;

// 或者全部使用命名导出
export const ComponentA = () => <div>Named Export A</div>;
export const ComponentB = () => <div>Named Export B</div>;

class MyComponent extends React.Component {
  state = { count: 0 };

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

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