{"id":96963,"date":"2020-04-30T03:50:23","date_gmt":"2020-04-29T19:50:23","guid":{"rendered":"http:\/\/4563.org\/?p=96963"},"modified":"2020-04-30T03:50:23","modified_gmt":"2020-04-29T19:50:23","slug":"%e6%92%b8%e4%ba%86%e4%b8%aa-hook-%e6%9d%a5%e5%ae%9e%e7%8e%b0%e7%bb%84%e4%bb%b6%e9%97%b4-state-%e5%85%b1%e4%ba%ab","status":"publish","type":"post","link":"http:\/\/4563.org\/?p=96963","title":{"rendered":"\u64b8\u4e86\u4e2a hook \u6765\u5b9e\u73b0\u7ec4\u4ef6\u95f4 state \u5171\u4eab"},"content":{"rendered":"<div>\n<div>\n<div>\n<h1>                  \u64b8\u4e86\u4e2a hook \u6765\u5b9e\u73b0\u7ec4\u4ef6\u95f4 state \u5171\u4eab               <\/h1>\n<p> <\/p>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : nekocode <\/span>  <span><i><\/i> 47<\/span> <\/div>\n<div> <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div isfirst=\"1\"> <\/p>\n<p>\u6700\u8fd1\u521a\u63a5\u89e6 react \u6ca1\u591a\u4e45\uff0c\u53c2\u8003\u4e86 flutter \u91cc\u7684\u4e00\u4e9b\u5b9e\u73b0\u64b8\u4e86\u4e2a\u8f7b\u91cf\u7ea7\u7684\u8f6e\u5b50\u6765\u5b9e\u73b0\u7ec4\u4ef6\u95f4 state \u5171\u4eab\uff1a<\/p>\n<p><strong>GitHub \u4ed3\u5e93<\/strong><\/p>\n<p>\u7279\u70b9:<\/p>\n<ul>\n<li>\u8f7b\u91cf\u7ea7\uff0c\u6bd4 redux \u7b80\u5355\uff0c\u53ef\u4ee5\u5728\u5e93\u5de5\u7a0b\u91cc\u4f7f\u7528<\/li>\n<li>\u4f53\u79ef\u5c0f\uff0c\u4e0d\u8db3 1kb<\/li>\n<li>\u6700\u5c0f\u8303\u56f4\u7684\u91cd\u65b0\u6e32\u67d3\u3002\u4f8b\u5982\u4e0b\u56fe b \u548c e \u5171\u4eab state\uff0c\u5f53 state \u503c\u53d8\u5316\u65f6\u53ea\u91cd\u65b0\u6e32\u67d3 b \u548c e\uff1a<\/li>\n<\/ul>\n<pre><code>  a +-+-+ | | | b c d     |     e <\/code><\/pre>\n<ul>\n<li>\u5141\u8bb8\u5728 state \u503c\u6307\u5b9a\u5b57\u6bb5\u53d1\u751f\u53d8\u5316\u65f6\u624d\u91cd\u65b0\u6e32\u67d3\u7ec4\u4ef6\uff1a<\/li>\n<\/ul>\n<pre><code>\/\/ \u83b7\u53d6\u5171\u4eab\u7684 state\uff0c\u4e14\u5728 age \u5b57\u6bb5\u53d1\u751f\u53d8\u5316\u65f6\u624d\u66f4\u65b0\u88ab hook \u7684\u7ec4\u4ef6 const state= useSharedState&lt;User&gt;(UserContext, (current, prev) =&gt; current?.age !== prev?.age); <\/code><\/pre>\n<\/p><\/div>\n<div> <b>\u5927\u4f6c\u6709\u8a71\u8aaa<\/b> (<span>1<\/span>)        <\/div>\n<div> <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<ul>\n<li data-pid=\"901438\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : vicvinc <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>          <\/span> <\/div>\n<\/p><\/div>\n<div>                                                             m\u2006k                                                            <\/div>\n<\/p><\/div>\n<\/li>\n<li>\n","protected":false},"excerpt":{"rendered":"<p>\u64b8\u4e86\u4e2a hook \u6765\u5b9e\u73b0\u7ec4\u4ef6\u95f4 s&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[],"tags":[],"_links":{"self":[{"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/posts\/96963"}],"collection":[{"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=96963"}],"version-history":[{"count":0,"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/posts\/96963\/revisions"}],"wp:attachment":[{"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=96963"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=96963"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=96963"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}