首页 > 解决方案 > NextJS 快速刷新是否适用于非组件文件?

问题描述

我有一个这样的减速器文件:

export default (state = initialState, action) => {
  switch (action.type) {
    case actionTypes.ACTION_1: ...,
    default: ...
  }
}

编译时,我在控制台上收到此警告:

warn  - my-reducer.js
Anonymous arrow functions cause Fast Refresh to not preserve local component state.
Please add a name to your function, for example:

Before
export default () => <div />;

After
const Named = () => <div />;
export default Named;

根据 next 的文档,Fast Refresh 仅用于 React 组件 https://nextjs.org/docs/basic-features/fast-refresh

这是否意味着我可以忽略这个错误,或者我必须重构我的 reducer 以使用命名函数?

标签: reactjsnext.js

解决方案


推荐阅读