reactjs onclick显示组件

import React from 'react';

const ComponentToShow = () => {
  return (
    <div>
      // 组件要显示的内容
    </div>
  );
}

export default ComponentToShow;

import React, { useState } from 'react';
import ComponentToShow from './ComponentToShow';

const ClickToShowComponent = () => {
  const [showComponent, setShowComponent] = useState(false);

  const handleClick = () => {
    setShowComponent(!showComponent);
  }

  return (
    <div>
      <button onClick={handleClick}>点击显示组件</button>
      {showComponent && <ComponentToShow />}
    </div>
  );
}

export default ClickToShowComponent;

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

const App = () => {
  return (
    <div>
      <h1>React点击显示组件示例</h1>
      <ClickToShowComponent />
    </div>
  );
}

export default App;