当两个字段值不相等时，禁用提交按钮| Reactjs

是一种常见的前端开发需求，可以通过React.js来实现。

在React.js中，可以使用状态（state）来跟踪两个字段的值，并在值不相等时禁用提交按钮。具体实现步骤如下：

创建一个React组件，包含两个输入字段和一个提交按钮。
在组件的状态中定义两个字段的值，并初始化为默认值。
监听两个输入字段的变化事件，当值发生变化时，更新对应字段的状态值。
在组件的渲染方法中，根据两个字段的值是否相等来决定提交按钮是否禁用。
添加提交按钮的点击事件处理程序，用于处理提交逻辑。

以下是一个示例代码：

import React, { useState } from 'react';

const MyForm = () => {
  const [field1, setField1] = useState('');
  const [field2, setField2] = useState('');

  const handleField1Change = (event) => {
    setField1(event.target.value);
  };

  const handleField2Change = (event) => {
    setField2(event.target.value);
  };

  const handleSubmit = () => {
    // 处理提交逻辑
  };

  const isSubmitDisabled = field1 !== field2;

  return (
    <div>
      <input type="text" value={field1} onChange={handleField1Change} />
      <input type="text" value={field2} onChange={handleField2Change} />
      <button disabled={isSubmitDisabled} onClick={handleSubmit}>提交</button>
    </div>
  );
};

export default MyForm;

在上述代码中，我们使用了React的Hooks API来管理组件的状态。通过useState函数，我们定义了两个字段的状态（field1和field2），并使用setField1和setField2函数来更新状态值。

在渲染方法中，我们根据field1和field2的值是否相等来决定提交按钮是否禁用。如果两个值不相等，isSubmitDisabled变量为true，提交按钮将被禁用。

当用户输入字段值时，对应的onChange事件处理程序将被调用，更新字段的状态值。当用户点击提交按钮时，handleSubmit函数将被调用，可以在该函数中处理提交逻辑。

这是一个简单的示例，你可以根据实际需求进行修改和扩展。如果你想了解更多关于React.js的信息，可以访问腾讯云的React.js产品介绍页面：React.js产品介绍。