setWordGroups((prev) => {
    if (prev) {
        prev.push(prev.shift()!);
        return [...prev];
    }
});

这在dev server npm run dev中运行.但在生产中或当我建造它npm run buildnpm run start章没有改变我还try 了JSON.perse(JSON.stringify(prev)),删除. next文件夹,清除Vercel数据缓存.

我该怎么解决这个问题,它不会触发任何由这个状态依赖的useEffect.here's the project

推荐答案

这应该能解决...

setWordGroups((prev) => {
  if (prev) {
    const new = [...prev];
    new.push(new.shift()!); 
    return new;
  }

  return prev;
});

try 在回调函数中直接修改原始的wordGroups数组会导致原始代码无法工作.Reaction可能无法检测到对原始数组的修改,从而导致意外的呈现行为.

Reactjs相关问答推荐

如何使用React防止并发注册并处理Firestore数据库中的插槽可用性

Formik验证不适用于物料UI自动完成

利用OVERPASS API端点计算某建筑的表面积

App.js中的H2组件不会动态呈现.这可能是什么问题?

如何在NextJS中仅在刷新页面和页面淡出页面过渡时添加全屏加载器

安装使用环境的BIT组件的依赖项

react 本机屏幕转换

如何管理组件列表的复杂状态? (Nextjs/ReactJS)

对于 ref 上的可见 prop 或 open 方法来react 组件,哪种方式更好?

如何在使用 React Router v6 将当前页面的状态传递给上一页的同时导航到上一页?

即使配置了 webpack.config.js,html-loader 也不起作用

使用 MuiCssBaseline 在所有 MUI v5 标签上设置边距 0

当 React 中的状态发生变化时如何停止重新加载谷歌 map ?

如何在 nextjs 中单击按钮时动态导入和渲染组件?

使用 Jest/React 测试库时,如何测试由 setInterval 函数创建的 DOM 更改?

如何解决在 react.js 中找不到模块错误

如何在 JSX 中使用 -webkit- 前缀?

列表应该有一个唯一的关键props

哪个 PrivateRouter 实现更好:高阶组件还是替换?

警告:您在没有 `onChange` 处理程序的情况下为表单字段提供了 `value` 属性