我在js文件中有ListView组件，我想使用它作为另一个js文件，并在单击按钮时动态显示/隐藏该组件

// 引入ListView组件
import ListView from './ListView';

// 在React组件中创建一个按钮，并添加点击事件监听器
class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      showListView: false, // 初始状态下ListView组件隐藏
    };
  }

  handleClick = () => {
    this.setState(prevState => ({
      showListView: !prevState.showListView, // 切换显示/隐藏状态
    }));
  }

  render() {
    return (
      <div>
        <button onClick={this.handleClick}>点击按钮</button>
        {this.state.showListView && <ListView />} {/* 根据showListView状态决定是否显示ListView组件 */}
      </div>
    );
  }
}

export default MyComponent;