小编Ani*_*ska的帖子

使用redux工具包进行本地存储

我想将 isAuthenticated 状态保留在本地存储中,因此刷新页面后,用户将登录。我尝试直接在 localStorage 中将其设置为 true/false 并将 redux 中状态的初始值设置为此value,但它总是将其设置为 true。

这是我的 redux 商店

import { createSlice, configureStore } from '@reduxjs/toolkit';

//MOVEMENTS (doesn't work yet)
const initialMovementsState = {
  movements: [],
};

const movementsSlice = createSlice({
  name: 'movements',
  initialState: initialMovementsState,
  reducers: {
    add(state) {
      //nothing yet
    },
    decrement(state) {
      //nothing yet
    },
  },
});

//LOGGING IN/OUT
const initialAuthState = {
  isAuthenticated: false,
};

const authSlice = createSlice({
  name: 'auth',
  initialState: initialAuthState,
  reducers: {
    login(state) {
      state.isAuthenticated = true;
    },
    logout(state) { …
Run Code Online (Sandbox Code Playgroud)

local-storage reactjs redux redux-toolkit

17
推荐指数
2
解决办法
3万
查看次数

Next.js 具有外部动态源的图像组件

我当时正在开发 Next.js 项目,在本地运行它时,html img 标签工作正常。在构建时,我收到警告,将其从 Next.js 更改为 Image 组件

所以我这样做了,但现在我收到警告:

错误:无效的 src 属性 ( https://image.ceneostatic.pl/data/products/10813131/i-dixit.jpg ) next/image,主机名“image.ceneostatic.pl”未在您的图像下配置。next.config.js 查看更多信息:https ://nextjs.org/docs/messages/next-image-unconfigured-host

我在文档中读到解决方案是向 next.config.js 添加一个域。但我这里出现了两个问题:

  1. 即使我指定这样的域,它也不起作用

    module.exports = { 图像: { 域: ['image.ceneostatic.pl'], }, };

  2. 我的项目连接到 MongoDB,其中存储了图像的链接。此外,我希望用户在创建新条目时传递链接。所以我不想有硬编码的域,因为我不知道用户将使用哪个图像。

有没有办法省略域列表或绕过使用标签?

谢谢!

image external next.js

5
推荐指数
1
解决办法
5472
查看次数