{"id":436,"date":"2026-04-02T14:47:00","date_gmt":"2026-04-02T06:47:00","guid":{"rendered":"https:\/\/mitongxue.cn\/?p=436"},"modified":"2026-06-16T14:53:45","modified_gmt":"2026-06-16T06:53:45","slug":"dva-immer%e4%bd%bf%e7%94%a8","status":"publish","type":"post","link":"https:\/\/mitongxue.cn\/index.php\/2026\/04\/02\/dva-immer%e4%bd%bf%e7%94%a8\/","title":{"rendered":"dva immer\u4f7f\u7528"},"content":{"rendered":"\n<pre class=\"wp-block-code\"><code>dva: {immer: true}<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">1. \u4f5c\u7528<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u5f00\u542f dva \u5185\u7f6e\u7684 <strong>immer<\/strong>\uff0c\u7b80\u5316 reducer \u91cc\u7684 immutable \u5199\u6cd5\uff0c\u4e0d\u7528\u624b\u52a8\u6d45\u62f7\u8d1d \/ \u6df1\u62f7\u8d1d state\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u4e0d\u5f00\u542f immer\uff08\u9ed8\u8ba4 false\uff09<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">state \u4e0d\u53ef\u76f4\u63a5\u4fee\u6539\uff0c\u5fc5\u987b\u8fd4\u56de\u65b0\u5bf9\u8c61\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>export default {\n  namespace: 'user',\n  state: { list: &#91;], info: {} },\n  reducers: {\n    add(state, { payload }) {\n      \/\/ \u5fc5\u987b\u62f7\u8d1d\uff0c\u4e0d\u80fd state.list.push\n      return {\n        ...state,\n        list: &#91;...state.list, payload]\n      };\n    }\n  }\n};<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">\u5f00\u542f <code>immer: true<\/code> \u540e<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u53ef\u4ee5<strong>\u76f4\u63a5 mutate \u64cd\u4f5c state<\/strong>\uff0cimmer \u5185\u90e8\u751f\u6210\u4e0d\u53ef\u53d8\u526f\u672c\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>reducers: {\n  add(state, { payload }) {\n    state.list.push(payload); \/\/ \u76f4\u63a5\u4fee\u6539\uff0c\u8bed\u6cd5\u66f4\u7b80\u5355\n  }\n}\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\u4e0d\u7528\u5199 <code>return<\/code>\uff0cdva+immer \u81ea\u52a8\u5904\u7406 immutable\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">2. \u914d\u7f6e\u4f4d\u7f6e\uff08umijs \/dva\uff09<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">umi \u9879\u76ee .umirc.ts\/config\/config.ts<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>export default {\n  dva: {\n    immer: true, \/\/ \u5f00\u542fimmer\n  },\n};<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">\u539f\u751f dva \u521d\u59cb\u5316<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>import { createBrowserHistory as createHistory } from 'history';\nimport { create } from 'dva-core';\n\nconst app = create({ history: createHistory(), immer: true });<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>1. \u4f5c\u7528 \u5f00\u542f dva \u5185\u7f6e\u7684 immer\uff0c\u7b80\u5316..<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,11],"tags":[],"class_list":["post-436","post","type-post","status-publish","format-standard","hentry","category-react-","category-front"],"featured_image_urls":{"full":"","thumbnail":"","medium":"","medium_large":"","large":"","1536x1536":"","2048x2048":""},"author_info":{"info":["\u9648 \u67d0\u4eba"]},"category_info":"<a href=\"https:\/\/mitongxue.cn\/index.php\/category\/front\/react-%e5%89%8d%e7%ab%af\/\" rel=\"category tag\">React<\/a> <a href=\"https:\/\/mitongxue.cn\/index.php\/category\/front\/\" rel=\"category tag\">\u524d\u7aef<\/a>","tag_info":"\u524d\u7aef","comment_count":"0","_links":{"self":[{"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/posts\/436","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/comments?post=436"}],"version-history":[{"count":4,"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/posts\/436\/revisions"}],"predecessor-version":[{"id":440,"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/posts\/436\/revisions\/440"}],"wp:attachment":[{"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/media?parent=436"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/categories?post=436"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/tags?post=436"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}