javascript - React 16.7 TypeError: (0 , _react.useState) is not a function - Stack Overflow

admin管理员组

文章数量:1277900

Error:

  TypeError: (0 , _react.useState) is not a function

My current react versions:

   "react": "^16.7",
   "react-dom": "^16.7",

src/App.js:

  import {memo, useState} from 'react'
  export default memo(() => {
     useState(false)
     return 'OK'
  })

src/App.test.js:

   import React from 'react'
   import App from './App'
   import renderer from 'react-test-renderer'
   it('renders without crashing', () => {
        const tree = renderer.create(<App />).toJSON()
        expect(tree).toMatchSnapshot()
   })

How to resolve this issue?

Error:

  TypeError: (0 , _react.useState) is not a function

My current react versions:

   "react": "^16.7",
   "react-dom": "^16.7",

src/App.js:

  import {memo, useState} from 'react'
  export default memo(() => {
     useState(false)
     return 'OK'
  })

src/App.test.js:

   import React from 'react'
   import App from './App'
   import renderer from 'react-test-renderer'
   it('renders without crashing', () => {
        const tree = renderer.create(<App />).toJSON()
        expect(tree).toMatchSnapshot()
   })

How to resolve this issue?

• javascript
• reactjs
• react-hooks

Share Improve this question Follow edited Jan 12, 2019 at 19:58 skyboyer 23.8k77 gold badges6262 silver badges7171 bronze badges asked Dec 22, 2018 at 3:06 Hemadri DasariHemadri Dasari 34k4040 gold badges124124 silver badges166166 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 7

The root cause is that the react V16.7 does not have hooks

Resolution is to downgrade to

   npm i react@next react-dom@next 

which as of 2018/12/20 is 16.7.0-alpha.2:

    yarn add react@next react-dom@next

then lose the test renderer:

 import React from 'react'
 import ReactDOM from 'react-dom'
 import App from './App'
 it('renders without crashing', () => {
    const div = document.createElement('div')
    ReactDOM.render(<App />, div)
    ReactDOM.unmountComponentAtNode(div)
 })

This is what package.json should have:

  "react": "^16.7.0-alpha.2",
  "react-dom": "^16.7.0-alpha.2",

In my case, the mistake was in the imports. My IDE imported the useState hook from import 'react/cjs/react.development' and it dosen't work on production.

本文标签： javascriptReact 167 TypeError (0reactuseState) is not a functionStack Overflow