TypeError: Невозможно прочитать свойство 'setValues' из неопределенного | реагировать

Question

когда я использую функцию setValues ​​() на handleInputChange, я получаю эту ошибку:

код:

import React, { useState, useEffect } from "react";

const useForm = (initialFieldValues) => {
  const { values, setValues } = useState(initialFieldValues);

  const handleInputChange = (e) => {
    const { name, value } = e.target;
    const fieldValue = { [name]: value };

    this.setValues({
      ...values,
      ...fieldValue,
    });
  };

  return {
    values,
    setValues,
    handleInputChange,
  };
};

export default useForm;

как я могу решить эту ошибку? Любой ответ будет оценен

Answer 1

В компоненте класса вы бы использовали this.setValues, но в функциональных компонентах вы можете напрямую использовать setValues без ключевого слова this.

Изменение:

this.setValues({
      ...values,
      ...fieldValue,
    });

Кому:

setValues({
      ...values,
      ...fieldValue,
    });

Также useState возвращает массив, поэтому вы можете использовать его следующим образом:

const [ values, setValues ] = useState(initialFieldValues);

Пожалуйста, go в документации: https://reactjs.org/docs/hooks-state.html

Answer 2

import React, { useState, useEffect } from "react";

const useForm = (initialFieldValues) => {
  const [ values, setValues ] = useState(initialFieldValues);

  const handleInputChange = (e) => {
    const { name, value } = e.target;
    const fieldValue = { [name]: value };

    setValues({
      ...values,
      ...fieldValue,
    });
  };

  return {
    values,
    setValues,
    handleInputChange,
  };
};

export default useForm;