推荐最新

请问在对React项目做状态管理，您们都是使用什么方案呢？

请问在对React项目做状态管理，您们都是使用什么方案呢？ React有若干种状态管理的方案，官方使用的Redux/ Redux-Toolkit 是官方推荐的，请问您们的解决方案是怎么使用的呢？是否还有比较方便容易使用的方案？

浏览量366

Vuex 实现不同页面间数据同步？

使用VUEX如何实现更新浏览器不同关卡的内容？如下面DEMO，如何实现在page1更新count后，page2不用刷新自动更新？ store/index.js import { createStore } from 'vuex' const store = createStore({ state: { count: 3 }, mutations: { add(state) { state.count += 1 } }, getters: { returnCount: state => { return state.count; }, }, }) export default store page1 {{ count }} computed: { count() { return this.$store.state.count; }, }, methods: { addCount() { store.commit("add"); } } page2 {{ count }} computed: { count() { return this.$store.getters.returnCount } }

浏览量180

明道

后台管理路由跳转回来怎么保留搜索表单参数？

后台管理大致有两种页面一种是带搜索表单和表格的数据展示页面在下面称A页面一种是表单的数据新增/编辑页在下面称B页面现在需要在A跳到B的时候记录表单的搜索状态等B回到A的时候把状态重新赋值给表单想问下大佬们有没有好的方法我目前只能想到一个方法 1：从A去B的时候把搜索表单的参数拼接到地址栏然后点返回A的时候把参数再带回A 然后去重新赋值但是感觉可维护性和可阅读性都很差,而且需要一个页面一个页面的做处理，需要A跳B的页面也很多另外觉得监听路由变化做处理是最简单也是最好维护的但是具体咋做还在想想法还没有打通补充：有第二种想法是因为维护过一个后台管理项目做法比较'新颖'(我第一次见) 表单表格字段以及值（例如obj:{name:1},obj、name、1 三个都是后端在数据库维护的）每个页面调一个接口传当前页面的pathname 然后后端返回一堆配置然后前端页面都是组件化所以它那个项目监听路由变化很简单因为所有的页面都是用的一个公共大组件

浏览量159

ApplePro

如何解决在Next.js中document未定义的问题？

你好想问一下，刚刚接触react，之前写的js在html上可以使用，但是换到这里显示document is not defined，如果在document.getElementById不能用的情况下还有什么办法能够通过id获取到元素？或者应该怎么修改才能正常获取呢？写的屎山如下，请大佬指教qaq export default function ANIAdmire() { let count = 0; let flag = true;//判断素材状态 let img: document.getElementById("admire"); //就是这里出了问题，不是img未定义就是document未定义qwq img.style.AnimationPlayState = "paused";//动画初始状态为停止 function myEndFunction() { img.style.animation = null } //点击后设置动画为空，保证每次点击动画位置为初始状态 img.addEventListener("click", function () { if (count == 3) { //每点击四次更换一次素材 count = 0; if (flag) { img.style.animation = "jump 0.7s linear 0s 1,gululu 0.7s linear 0s 1"//动画赋值 img.src = "https://patchwiki.biligame.com/images/umamusume/2/20/o9e5yn4nvsm4lf8zon22bin9l7rrauk.png" flag = false//更换素材 img.addEventListener("webkitAnimationEnd", myEndFunction)//动画播放完成后清空动画 } else { img.style.animation = "jump 0.7s linear 0s 1,gululu 0.7s linear 0s 1" //动画赋值 img.src = "https://patchwiki.biligame.com/images/umamusume/0/08/7u6ud327zarqitc9i49ftudknxzw674.png" flag = true //更换素材 img.addEventListener("webkitAnimationEnd", myEndFunction) //动画播放完成后清空动画 } } else { count++ } }) } 1

浏览量157

MaxClick

element-plus 如何在弹窗中独立管理密码输入框的明文/密文状态？

element-plus 一个弹窗里使用了form表单，其中有个密码输入框，使用show-password显示切换密码图标时，发现打开一个弹窗将密码设置成了明文，关闭弹窗打开另外一个内容，密码也依然会显示成明文。 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240917/688b9d743631b837e1325dc254dca459.png) "1723171541122.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240917/82391b0717cf16cdb7f475a13ca82dd8.png) 后面有尝试过:show-password="showPassword"，弹窗关闭时showPassword设置为false，打开时设置为true，然而还是没有用。 // 关闭弹窗 const handleClose = () => { state.dialogVisible = false; state.showPassword = false; }; // 打开弹窗 const addAccount = (formEl: FormInstance | undefined) => { state.dialogVisible = true; state.showPassword = true; nextTick(() => { if (formEl) { formEl.resetFields(); } }); }; 如何让密码框不共享明文密文这个状态？

浏览量160

劳资最帅

react如何获取兄弟组件的状态呢，应该在哪个生命周期及时获取才对？

请问一下，在React组件设计的时候，想要基于条件加载组件的内容， "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241210/df0beadb03a7b86a88da5584f03abc0a.png) 请问应该如何做呢？ 1、比如，我在左侧的灰色区域有一个按钮，点击一下右边的sidebar就切换容器里面的UI内容。这个是可以做到的对吗？应该在哪个生命周期里面进行获取呢，才能及时更新UI内容？ 2、左侧content组件的状态如何被右侧的rightsidebar拿到呢？也就是说兄弟组件之间如何获取呢？我们知道可以用三方的redux等，但是这里不想要这样获取，有没有直接引用到左侧的content组件的方式直接获取？ 3、是否可以rightSidebar持有左侧的content组件，到时候可以直接调用获取状态。

浏览量19

北北che

react set函数修改二维数组状态问题?

react set函数修改二维数组状态问题 const [rangIds,setRangIds]= useState([] as any[]) const rangChange = (values:any,indA:number,indB:number)=>{ console.log(values) console.log(rangIds) let arr = [...rangIds] arr[ind]=[...values] console.log(arr) setRangIds([...arrs]) console.log(rangIds) } 一直到arr都是符合预期的,但是setRangIds执行后,每次打印rangIds都没有变化

浏览量26

元气满满才怪啊

React + Antd v5 更新状态后元素不变的问题？

用的是 "React" 和 "Antd v5" 为什么在改了 "state" 之后元素还是没变化呢 const [editLock, setEditLock] = useState(false); const MenuAction = () => setEditLock(true)} /> const menuDefault: MenuProps['items'] = [ { label: , key: 'top' }, ]; const formatMenu = (data: any) => data.map((item: any) => ({ key: item.id, children: [], label: {!editLock && } , })) 问过 GPT 但是没有结果

浏览量20

希望奇迹发生_1

React Antd 的机制是什么鬼？输入框怎么没值？

"React" "Antd" 的机制是什么鬼？输入框怎么没值？ const [navCreateName, setNavCreateName] = useState(); const CreateModule = ({ nid }: { nid: number }) => setNavCreateName(e.target.value)} /> console.log(navCreateName)}>确定为什么输入以后再打印 "navCreateName" 是空？晕了什么情况

浏览量20