ReactJS，表单-验证字段，将值与另一个值进行比较

import React, { useState } from 'react';

const MyForm = () => {
  const [password, setPassword] = useState('');
  const [confirmPassword, setConfirmPassword] = useState('');
  const [error, setError] = useState('');

  const handlePasswordChange = (e) => {
    setPassword(e.target.value);
  };

  const handleConfirmPasswordChange = (e) => {
    setConfirmPassword(e.target.value);
  };

  const handleSubmit = (e) => {
    e.preventDefault();

    if (password !== confirmPassword) {
      setError('密码和确认密码不匹配');
    } else {
      // 执行提交表单的操作
    }
  };

  return (
    <form onSubmit={handleSubmit}>
      <label>
        密码：
        <input type="password" value={password} onChange={handlePasswordChange} />
      </label>
      <br />
      <label>
        确认密码：
        <input type="password" value={confirmPassword} onChange={handleConfirmPasswordChange} />
      </label>
      <br />
      {error && <div>{error}</div>}
      <button type="submit">提交</button>
    </form>
  );
};

export default MyForm;