Saya mencoba untuk melewati Textfield dari bahan-UI ke dalam pengontrol formulir hook-hook, tetapi kembali sebagai fungsi. Mengimpor jenis prop dan membutuhkan objek gagal.

import React from 'react';
import { useFormContext, Controller } from 'react-hook-form';
import { TextField, Grid } from '@material-ui/core';

function FormInput({ name, label, required }) {
  const { control } = useFormContext();
  const isError = false;

  return (
    <Grid item xs={12} sm={6}>
      <Controller
        as={TextField}
        name={name}
        control={control}
        label={label}
        fullWidth
        required={required}
        error={isError}
      />
    </Grid>
  );
}

export default FormInput;
1
Jordan Silver 6 April 2021, 00:20

1 menjawab

Jawaban Terbaik

Pertama as Prop sudah usang mempertimbangkan menggunakan render prop atau useController kait. Itu tidak berfungsi karena ada masalah dengan ref.

Berikut ini adalah contoh kerja tanpa pengontrol: bereaksi kait formulir v7 - mui textfield useController

Anda dapat menemukan dokumentasi tentang useController di sini: https: // reaksi-hook-form .com / API / USEController

1
Joris 5 April 2021, 21:58