如何解决react js中的“useRef不是函数错误”

Question

我想利用RC-时间选择器，但我得到以下错误，请检查下面的错误，是什么我得到Align.js:88 Uncaught TypeError: react__WEBPACK_IMPORTED_MODULE_0___default.a.useRef is not a function at Align (Align.js:88) at updateForwardRef (react-dom.development.js:13581) at beginWork (react-dom.development.js:14402) at performUnitOfWork (react-dom.development.js:16627) at workLoop (react-dom.development.js:16667) at HTMLUnknownElement.callCallback (react-dom.development.js:107) at Object.invokeGuardedCallbackDev (react-dom.development.js:144) at invokeGuardedCallback (react-dom.development.js:191) at replayUnitOfWork (react-dom.development.js:16042) at renderRoot (react-dom.development.js:16724) at performWorkOnRoot (react-dom.development.js:17352) at performWork (react-dom.development.js:17274) at performSyncWork (react-dom.development.js:17247) at interactiveUpdates$1 (react-dom.development.js:17528) at interactiveUpdates (react-dom.development.js:2248) at dispatchInteractiveEvent (react-dom.development.js:4749) Align.js:88 Uncaught TypeError: react__WEBPACK_IMPORTED_MODULE_0___default.a.useRef is not a function at Align (Align.js:88) at updateForwardRef (react-dom.development.js:13581) at beginWork (react-dom.development.js:14402) at performUnitOfWork (react-dom.development.js:16627) at workLoop (react-dom.development.js:16667) at HTMLUnknownElement.callCallback (react-dom.development.js:107) at Object.invokeGuardedCallbackDev (react-dom.development.js:144) at invokeGuardedCallback (react-dom.development.js:191) at replayUnitOfWork (react-dom.development.js:16042) at renderRoot (react-dom.development.js:16724) at performWorkOnRoot (react-dom.development.js:17352) at performWork (react-dom.development.js:17274) at performSyncWork (react-dom.development.js:17247) at interactiveUpdates$1 (react-dom.development.js:17528) at interactiveUpdates (react-dom.development.js:2248) at dispatchInteractiveEvent (react-dom.development.js:4749)

Answer 1

useRef 是一个 React Hook 它仅在 React 16.8 中引入。

将你的 React（和 React DOM）升级到 16.8 之后的任何东西，然后再试一次。

来源： https : //reactjs.org/docs/hooks-intro.html

“Hooks 是 React 16.8 中的新增功能。它们让您无需编写类即可使用状态和其他 React 功能。” -来自文档

Answer 2

确保您从 React 导入了 useRef 依赖项

import React, { useRef } from "react";