javascript - React hooks: 'TypeError: Object is not a function' - Stack Overflow

admin管理员组

文章数量:1390697

I'm using React version 16.13.1.

I'm getting 'TypeError: Object is not a function'

Here is my code (error message seems to think something is wrong with line 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();
  }

Here is my custom hook:

import { useState } from 'react';

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

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

Thanks in advance for your help.

I'm using React version 16.13.1.

I'm getting 'TypeError: Object is not a function'

Here is my code (error message seems to think something is wrong with line 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();
  }

Here is my custom hook:

import { useState } from 'react';

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

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

Thanks in advance for your help.

• javascript
• reactjs
• react-hooks

Share Improve this question Follow edited Apr 26, 2020 at 16:40 skyboyer 23.8k77 gold badges6262 silver badges7171 bronze badges asked Apr 26, 2020 at 13:24 JoshuaRDBrownJoshuaRDBrown 35155 silver badges1212 bronze badges 2

• Please post actual code, not pictures of it. – jmargolisvt Commented Apr 26, 2020 at 13:27
• 1 Names of custom hooks should start with use, see reactjs/docs/hooks-custom.html#extracting-a-custom-hook – rrebase Commented Apr 26, 2020 at 13:29

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 6

ProcessInput is returning an object, but you are destructuring it to an array.

Try this:

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

本文标签： javascriptReact hooks 39TypeError Object is not a function39Stack Overflow