Reactjs React swiper不工作:未捕获类型错误:React_1.useEffect不是一个函数
我已在我的web应用程序中安装了react id swiper,如下所示: 安装:Reactjs React swiper不工作:未捕获类型错误:React_1.useEffect不是一个函数,reactjs,swiper,Reactjs,Swiper,我已在我的web应用程序中安装了react id swiper,如下所示: 安装: npm安装--保存反应id-swiper@latest swiper@latest 我创建了以下组件: import React from 'react'; import Swiper from 'react-id-swiper/lib/ReactIdSwiper.full'; const SimpleSwiper = () => ( <Swiper> <div>Sl
npm安装--保存反应id-swiper@latest swiper@latest
我创建了以下组件:
import React from 'react';
import Swiper from 'react-id-swiper/lib/ReactIdSwiper.full';
const SimpleSwiper = () => (
<Swiper>
<div>Slide 1</div>
<div>Slide 2</div>
<div>Slide 3</div>
<div>Slide 4</div>
<div>Slide 5</div>
</Swiper>
)
export default SimpleSwiper;
我不确定我错过了什么…显然他们已经在使用useEffect挂钩了(太棒了!)。也许你可以直接导入它
import React, { useEffect } from 'react';
编辑:
我使用的是React的16.3.2版本
挂钩作为16.8.0版的一部分发布,您可以通过升级React和React dom 16.8.0来使用它
我已经升级了:
npm升级反应dom
更新到的版本是“react dom”:“^16.8.6”
,现在一切正常
因此,如果要使用react-swiper,请确保react和react-dom是最新的,以便可以使用挂钩。是的,我也想到了同样的事情,但没有,它不起作用:/我找到了另一个升级react-dom的解决方案。我已经在编辑中解释过了。它现在可以正常工作:)错误是因为我无法使用挂钩。啊,该死,我的useEffect无法工作,因为它在您使用的版本中不存在。。我应该先问一下,哈哈!干得好!是的,但我不知道这是个问题。Tnx伙伴!老实说,你的回答可能只是节省了很多人的时间。迟早所有这些人都会想在他们的旧项目中尝试挂钩,并且会遇到这个问题。谢谢!我花了一些时间才弄清楚到底发生了什么。如果这对其他人有帮助,我会很高兴:)
Uncaught TypeError: react_1.useEffect is not a function
at ReactIdSwiper (ReactIdSwiper.full.js:104)
at mountIndeterminateComponent (react-dom.development.js:13381)
at beginWork (react-dom.development.js:13821)
at performUnitOfWork (react-dom.development.js:15864)
at workLoop (react-dom.development.js:15903)
at HTMLUnknownElement.callCallback (react-dom.development.js:100)
at Object.invokeGuardedCallbackDev (react-dom.development.js:138)
at invokeGuardedCallback (react-dom.development.js:187)
at replayUnitOfWork (react-dom.development.js:15311)
at renderRoot (react-dom.development.js:15963)
import React, { useEffect } from 'react';