在React中，可以使用state来控制表单的显示和隐藏。通过按钮的点击事件，可以改变state的值，从而触发表单的显示或隐藏。

下面是一个示例代码：

import React, { useState } from 'react';

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

  const handleButtonClick = () => {
    setShowForm(!showForm);
  };

  const handleSubmit = (e) => {
    e.preventDefault();
    // 处理表单提交逻辑
  };

  return (
    

      {showForm ? '隐藏表单' : '显示表单'}
      {showForm && (
        

          {/* 表单内容 */}
          
          
          提交
        
      )}
    
  );
};

export default Form;

在上面的代码中，使用useState来定义一个名为showForm的状态变量，并初始化为false。handleButtonClick函数会在按钮点击时被调用，它会通过setShowForm来改变showForm的值，从而控制表单的显示或隐藏。

当showForm为true时，会显示表单内容。当点击提交按钮时，会调用handleSubmit函数，进行表单提交的逻辑处理。请根据实际需求进行修改和完善。