Реагируйте хуками: «TypeError: Объект не является функцией»

Question

Я использую React версии 16.13.1.

Я получаю 'TypeError: Object не является функцией'

Вот мой код (кажется, сообщение об ошибке думает, что что-то не так со строкой 7):

import React, { useState } from 'react';
import fb from '../config/firebase';
import ProcessInput from './customHooks/processInput';

const DashBoard = ({ level, newUser }) => {

  const [val, bind] = ProcessInput('');

  const handleChange = (e) => {
    e.preventDefault();
  }

Вот мой пользовательский крючок:

import { useState } from 'react';

export const ProcessInput = value => {
  const [val, setVal] = useState(value);

  return {
    val,
    setVal,
    bind: {
      val,
      onChange: event => {
        setVal(event.target.value);
      }
    }
  };
};

Заранее спасибо за вашу помощь.

Answer 1

ProcessInput возвращает объект, но вы разрушаете его до массива.

Попробуйте это:

const {val, bind} = ProcessInput('');