首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >添加到不工作状态的Next.js Zustand动态密钥

添加到不工作状态的Next.js Zustand动态密钥
EN

Stack Overflow用户
提问于 2022-07-12 10:59:43
回答 1查看 466关注 0票数 1

我一直在努力添加一个键到一个动态的状态在嘴站。我尝试过多种方法,比如

1.

代码语言:javascript
运行
复制
const store = (set, get) => ({
  keyAttrib: {key1: "value1", key2: 2},
  update: (key, value) => {
    let newState = { ...get().keyAttrib, [key]: value };
    set(newState);
  }
})
  1. const = (set) => ({ keyAttrib:{ key1:"value1",key2: 2 },update:(key,value) => { set((state) => ({ keyAttrib:{ ...state.keyAttrib,key: value });},});

但他们似乎都不起作用。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-07-12 13:30:45

您提供的第二个示例对我来说非常好:

代码语言:javascript
运行
复制
 const useStore = create((set) => ({
    keyAttrib: {key1: "value1", key2: 2},
    update: (key, value) =>
    set((state) => ({
      keyAttrib: {
            ...state.keyAttrib,
            [key]: value,
        },
    })),
  }));

下面是可以添加/更新键值对的工作码箱 (请忽略任何样式),下拉列表将始终更新key3。如果这仍然没有帮助,请提供一个最低限度的唤醒代码框的例子。

需要使用event.preventDefault()来防止表单执行页面刷新,这将用它的初始值重置您的Zustand。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/72951227

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档