如何在表单为子ReactJS的模式下禁用提交按钮

import React, { useState } from 'react';

function FormComponent() {
  const [isDisabled, setIsDisabled] = useState(false);

  // 其他表单处理逻辑

  return (
    <form>
      {/* 表单元素 */}
      <button disabled={isDisabled}>提交</button>
    </form>
  );
}

export default FormComponent;

import React, { useState } from 'react';

function FormComponent() {
  const [isDisabled, setIsDisabled] = useState(false);

  const handleInputChange = (event) => {
    // 根据表单输入状态更新isDisabled的值
    if (event.target.value === '') {
      setIsDisabled(true);
    } else {
      setIsDisabled(false);
    }
  };

  return (
    <form>
      <input type="text" onChange={handleInputChange} />
      {/* 其他表单元素 */}
      <button disabled={isDisabled}>提交</button>
    </form>
  );
}

export default FormComponent;