使用TextField -hook-form检查两个react-hook-form具有相同的值

import React from "react";
import { useForm, Controller } from "react-hook-form";
import { TextField } from "@material-ui/core";

const MyForm = () => {
  const { control, handleSubmit, watch } = useForm();
  const onSubmit = (data) => {
    console.log(data);
  };
  
  const password = watch("password", ""); // 监听password字段的值，默认为空字符串
  
  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      <Controller
        name="password"
        control={control}
        rules={{ required: true }}
        render={({ field }) => (
          <TextField {...field} label="Password" type="password" />
        )}
      />
      <Controller
        name="confirmPassword"
        control={control}
        rules={{ required: true, validate: (value) => value === password }}
        render={({ field }) => (
          <TextField {...field} label="Confirm Password" type="password" />
        )}
      />
      <button type="submit">Submit</button>
    </form>
  );
};