会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 133515个问题
Python 全系列/第八阶段:Vue框架/vue框架 35101楼
JAVA 全系列/第十二阶段:消息中间件(异步消息传递)/ActiveMQ 35102楼

老师为什么create store 不能使用 会报错

后来我根据建议安装了 Redux Toolkit

但是还是不会使用  Redux Toolkit

 

@deprecated
We recommend using the configureStore method of the @reduxjs/toolkit package, which replaces createStore.

Redux Toolkit is our recommended approach for writing Redux logic today, including store setup, reducers, data fetching, and more.

For more details, please read this Redux docs page: https://redux.js.org/introduction/why-rtk-is-redux-today

configureStore from Redux Toolkit is an improved version of createStore that simplifies setup and helps avoid common bugs.

You should not be using the redux core package by itself today, except for learning purposes. The createStore method from the core redux package will not be removed, but we encourage all users to migrate to using Redux Toolkit for all Redux code.

If you want to use createStore without this visual deprecation warning, use the legacy_createStore import instead:

import { legacy_createStore as createStore} from 'redux'

@不推荐使用

我们推荐使用 @reduxjs/toolkit 包的 configureStore 方法,它取代了 createStore。


Redux Toolkit 是我们推荐的当今编写 Redux 逻辑的方法,包括存储设置、reducers、数据获取等。


有关更多详细信息,请阅读此 Redux 文档页面:https://redux.js.org/introduction/why-rtk-is-redux-today


Redux Toolkit 中的 configureStore 是 createStore 的改进版本,它简化了设置并有助于避免常见错误。


你今天不应该单独使用 redux 核心包,除非是为了学习目的。核心 redux 包中的 createStore 方法不会被删除,但我们鼓励所有用户迁移到对所有 Redux 代码使用 Redux Toolkit。


如果您想在没有此视觉弃用警告的情况下使用 createStore,请改用 legacy_createStore 导入:


从“redux”导入 { legacy_createStore as createStore}


“createStore”已弃用。ts(6385)

index.d.ts(375, 4):该声明曾在此处标注为已弃用。


WEB前端全系列/第十六阶段:React企业级项目/企业级后台管理系统 35104楼
JAVA 全系列/第二阶段:JAVA 基础深化和提高/反射技术(旧) 35105楼
JAVA 全系列/第六阶段:项目管理与SSM框架/SpringMVC 35106楼

老师你好,我在进行边界值控制时好像没有生效,麻烦帮着看下问题在什么地方



var listLi = document.querySelector(".swiplerul").querySelectorAll("li")

var swiperBottomlist = document.querySelector(".swiper-bottom").querySelectorAll("li")

var right = document.getElementById("right")

var left = document.getElementById("left")

console.log(listLi.length);


// 控制图片的显示顺序

var num = 0


left.onclick = function(){

   

    num++

    console.log(num);

    imgDisplay()

   

   

}


right.onclick = function(){

   

    num--

    console.log(num);

    imgDisplay()

   

}



   

// 控制页面显示的方法

function imgDisplay(){

    // 边界值出来

    if(num > listLi.length-1){

        num = 0

    }

    if(num < 0){

        num = listLi.length-1

    }

    // 移除属性

    for(var i = 0;i<listLi.length;i++){

        listLi[i].removeAttribute("class")

        listLi[i].removeAttribute("style")

    }

    // 添加属性

    listLi[num].setAttribute("class","current")

    listLi[num].style.display="block"





    for(var i = 0;i<listLi.length;i++){

        swiperBottomlist[i].removeAttribute("class")

        swiperBottomlist[i].removeAttribute("style")

    }

    swiperBottomlist[num].setAttribute("class","current")

}

for(var i= 0;i<swiperBottomlist.length;i++){

    swiperBottomlist[i].idxx=i

    swiperBottomlist[i].onclick=function(){

        num=this.idexx

        imgDisplay()

    }

}

// 有问题

打印如下:

image.png

超过边界值的值也打印出来了,轮播图中只有4张图

WEB前端全系列/第二阶段:JavaScript编程模块/DOM模型 35107楼
JAVA 全系列/第十二阶段:消息中间件与高并发处理/RocketMQ(旧) 35108楼
Python 全系列/第二阶段:Python 深入与提高/模块 35109楼
JAVA 全系列/第二阶段:JAVA 基础深化和提高/容器 35110楼
JAVA 全系列/第八阶段:Linux入门到实战/Maven 35113楼
JAVA 全系列/第九阶段:SpringBoot与MybatisPlus/Spring Boot旧 35114楼
Python 全系列/第一阶段:Python入门/面向对象 35115楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637