如何在react中点击按钮时显示表单？

import React, { useState } from 'react';

const FormComponent = () => {
  const [showForm, setShowForm] = useState(false);

  const handleButtonClick = () => {
    setShowForm(true);
  };

  return (
    <div>
      <button onClick={handleButtonClick}>显示表单</button>
      {showForm && (
        <form>
          {/* 表单内容 */}
        </form>
      )}
    </div>
  );
};

export default FormComponent;

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

const App = () => {
  return (
    <div>
      {/* 其他组件内容 */}
      <FormComponent />
    </div>
  );
};

export default App;