Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jsf-2/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs React swiper不工作:未捕获类型错误:React_1.useEffect不是一个函数_Reactjs_Swiper - Fatal编程技术网

Reactjs React swiper不工作:未捕获类型错误:React_1.useEffect不是一个函数

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

我已在我的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>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';