{"id":3019,"date":"2020-09-04T18:16:42","date_gmt":"2020-09-04T10:16:42","guid":{"rendered":"http:\/\/www.yuguoxy.com\/geekhome\/?p=3019"},"modified":"2026-08-18T12:35:32","modified_gmt":"2026-08-18T04:35:32","slug":"react-js-%e5%b0%8f%e7%ba%a2%e4%b9%a6","status":"publish","type":"post","link":"https:\/\/ai.zhousir.top\/?p=3019","title":{"rendered":"React.js \u5c0f\u7ea2\u4e66"},"content":{"rendered":"<section id=\"wenyan\" style=\"font-family: system-ui, 'Apple Color Emoji', 'Segoe UI', 'Segoe UI Symbol', 'Noto Sans', Roboto, sans-serif; line-height: 1.75; font-size: 16px; color: #000000; caret-color: #000000;\" data-provider=\"WenYan\">\n<p style=\"margin: 1em 0px;\">\u8fd9\u662f\u80e1\u5b50\u5927\u54c8\u5199\u7684\u4e00\u672c\u5f00\u6e90\u3001\u514d\u8d39\u3001\u9762\u5411\u96f6\u57fa\u7840\u7684 <strong style=\"color: #4870ac;\">React.js<\/strong> \u5165\u95e8\u5c0f\u4e66\u3002\u5de5\u4f5c\u4e2d\u4e00\u76f4\u5728\u7528 React\uff0c\u5c31\u628a\u7ec4\u4ef6\u590d\u7528\u3001\u6570\u636e\u4e0e\u89c6\u56fe\u540c\u6b65\u8fd9\u4e9b\u5751\u6574\u7406\u6210\u4e09\u9636\u6bb5\u8bfe\u7a0b\uff0c\u7ed9\u521a\u5165\u95e8\u7684\u540c\u5b66\u4e00\u6761\u8f7b\u88c5\u4e0a\u8def\u7684\u8def\u5f84\u3002<\/p>\n<p style=\"margin: 1em 0px;\">\u672c\u4e66\u5047\u8bbe\u4f60\u6709\u4e00\u70b9 HTML\u3001CSS\u3001JavaScript \u57fa\u7840\uff0c\u4f46\u8fd8\u6ca1\u6478\u8fc7 React\u3002\u5df2\u7ecf\u719f\u6089\u7ec4\u4ef6\u5316\u548c\u5176\u4ed6\u6846\u67b6\u7684\u540c\u5b66\uff0c\u76f4\u63a5\u770b\u5b98\u7f51\u5373\u53ef\u3002\u5168\u4e66\u7528 ECMAScript 2015 \u4e66\u5199\uff0c\u9605\u8bfb\u524d\u8bf7\u5148\u638c\u63e1 ES2015 \u57fa\u672c\u8bed\u6cd5\uff0c\u5426\u5219\u4f1a\u975e\u5e38\u5403\u529b\u3002<\/p>\n<p style=\"margin: 1em 0px;\">\u4e0b\u9762\u4fdd\u7559\u4f5c\u8005\u8054\u7cfb\u65b9\u5f0f\u3001\u4e09\u9636\u6bb5\u76ee\u5f55\u548c\u5168\u90e8\u8bfe\u65f6\u94fe\u63a5\u3002\u5c0f\u7ea2\u4e66\u90e8\u5206\u94fe\u63a5\u5df2\u5931\u6548\u5e76\u505a\u8fc7\u5220\u51cf\uff0c\u5b8c\u6574\u539f\u6587\u4ecd\u53ef\u4ece\u6587\u672b\u5730\u5740\u8fdb\u5165\u3002<\/p>\n<table style=\"display: table; text-align: left; overflow: auto; border-collapse: collapse; margin: 1.4em auto; max-width: 100%; table-layout: fixed; overflow-wrap: break-word; word-break: break-all;\" width=\"800\">\n<thead>\n<tr>\n<th style=\"border: 1px solid #d9dfe4; padding: 9px 12px; font-size: 0.75em; line-height: 22px; vertical-align: top; text-align: center; font-weight: bold; color: #4870ac; background: #f7f7f7;\">\u9636\u6bb5<\/th>\n<th style=\"border: 1px solid #d9dfe4; padding: 9px 12px; font-size: 0.75em; line-height: 22px; vertical-align: top; text-align: center; font-weight: bold; color: #4870ac; background: #f7f7f7;\">\u76ee\u6807<\/th>\n<th style=\"border: 1px solid #d9dfe4; padding: 9px 12px; font-size: 0.75em; line-height: 22px; vertical-align: top; text-align: center; font-weight: bold; color: #4870ac; background: #f7f7f7;\">\u8bfe\u65f6<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"border: 1px solid #d9dfe4; padding: 9px 12px; font-size: 0.75em; line-height: 22px; vertical-align: top;\">\u7b2c\u4e00\u9636\u6bb5<\/td>\n<td style=\"border: 1px solid #d9dfe4; padding: 9px 12px; font-size: 0.75em; line-height: 22px; vertical-align: top;\">JSX \/ state \/ props \/ \u5217\u8868\uff0c\u80fd\u505a\u7b80\u5355\u9875\u9762<\/td>\n<td style=\"border: 1px solid #d9dfe4; padding: 9px 12px; font-size: 0.75em; line-height: 22px; vertical-align: top;\">Lesson 1\u201316<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #d9dfe4; padding: 9px 12px; font-size: 0.75em; line-height: 22px; vertical-align: top;\">\u7b2c\u4e8c\u9636\u6bb5<\/td>\n<td style=\"border: 1px solid #d9dfe4; padding: 9px 12px; font-size: 0.75em; line-height: 22px; vertical-align: top;\">\u751f\u547d\u5468\u671f\u3001DOM\u3001PropTypes\u3001\u72b6\u6001\u63d0\u5347<\/td>\n<td style=\"border: 1px solid #d9dfe4; padding: 9px 12px; font-size: 0.75em; line-height: 22px; vertical-align: top;\">Lesson 17\u201327<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #d9dfe4; padding: 9px 12px; font-size: 0.75em; line-height: 22px; vertical-align: top;\">\u7b2c\u4e09\u9636\u6bb5<\/td>\n<td style=\"border: 1px solid #d9dfe4; padding: 9px 12px; font-size: 0.75em; line-height: 22px; vertical-align: top;\">HOC\u3001context\u3001\u624b\u5199 Redux \/ React-redux<\/td>\n<td style=\"border: 1px solid #d9dfe4; padding: 9px 12px; font-size: 0.75em; line-height: 22px; vertical-align: top;\">Lesson 28\u201346<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2 style=\"padding: 1px 12.5px; color: #ffffff; margin: 1.2em 0px 1em; border-radius: 4px; display: inline-block; background-color: #4870ac; font-size: 1.3em;\">\u4e00\u3001\u5173\u4e8e\u4f5c\u8005<\/h2>\n<ul style=\"padding-left: 1rem; margin-left: 1rem; font-size: 0.9rem; list-style-type: disc;\">\n<li>\n<section>\u90ae\u7bb1\uff1a<a class=\"url\" href=\"mailto:huzidaha@126.com\" target=\"_blank\" rel=\"noopener\">huzidaha@126.com<\/a><\/section>\n<\/li>\n<li>\n<section>\u77e5\u4e4e\uff1a<a href=\"https:\/\/www.zhihu.com\/people\/hu-zi-da-ha\">@\u80e1\u5b50\u5927\u54c8<\/a><\/section>\n<\/li>\n<li>\n<section>\u4e13\u680f\uff1a<a href=\"https:\/\/zhuanlan.zhihu.com\/qianduandaha\">@\u524d\u7aef\u5927\u54c8<\/a><\/section>\n<\/li>\n<li>\n<section>\u52a0\u5165\u300aReact.js \u5c0f\u4e66\u300b\u8bfb\u8005\u4ea4\u6d41\u7fa4\uff0c\u4e00\u8d77\u8ba8\u8bba\u3001\u4ea4\u6d41\u3001\u5b66\u4e60\u524d\u7aef\u6280\u672f\u3002<\/section>\n<\/li>\n<\/ul>\n<p style=\"margin: 1em 0px;\">\u7531\u4e8e\u6c34\u5e73\u6709\u9650\uff0c\u7f16\u5199\u8fc7\u7a0b\u96be\u514d\u6709\u9519\u3002\u53d1\u73b0\u95ee\u9898\u53ef\u4ee5\u5728 Github \u4e0a\u7ed9\u8be5\u9879\u76ee\u53d1 Pull Request\uff0c\u4e5f\u6b22\u8fce\u66f4\u591a\u4eba\u53c2\u4e0e\u7f16\u5199\u3002<\/p>\n<h2 style=\"padding: 1px 12.5px; color: #ffffff; margin: 1.2em 0px 1em; border-radius: 4px; display: inline-block; background-color: #4870ac; font-size: 1.3em;\">\u4e8c\u3001\u672c\u4e66\u4ecb\u7ecd<\/h2>\n<p style=\"margin: 1em 0px;\">\u672c\u4e66\u4e0d\u4f1a\u6587\u6863\u5f0f\u8986\u76d6\u6240\u6709\u77e5\u8bc6\u70b9\uff0c\u53ea\u63d0\u70bc\u5b9e\u6218\u91cc\u57fa\u7840\u3001\u91cd\u8981\u3001\u9ad8\u9891\u7684\u5185\u5bb9\uff0c\u8ba9\u4f60\u7528\u6700\u5c11\u7cbe\u529b\u5403\u900f\u6700\u9700\u8981\u7684 React \u5957\u8def\u3002\u8981\u66f4\u5168\u9762\u7684\u5185\u5bb9\uff0c\u518d\u53bb\u770b\u5b98\u65b9\u6587\u6863\u548c\u5176\u4ed6\u8d44\u6599\u3002<\/p>\n<p style=\"margin: 1em 0px;\"><strong style=\"color: #4870ac;\">\u7b2c\u4e00\u4e2a\u9636\u6bb5<\/strong>\uff1a\u5148\u8bb2\u6e05\u95ee\u9898\u6839\u6e90\u2014\u2014\u524d\u7aef\u7ec4\u4ef6\u590d\u7528\u3001\u6570\u636e\u548c\u89c6\u56fe\u540c\u6b65\uff1b\u518d\u5b66 JSX\u3001\u4e8b\u4ef6\u76d1\u542c\u3001state\u3001props\u3001\u5217\u8868\u6e32\u67d3\uff0c\u770b React \u600e\u4e48\u89e3\u51b3\u8fd9\u4e9b\u95ee\u9898\u3002\u7ed3\u675f\u540e\u5c31\u80fd\u7528 React \u6784\u5efa\u7b80\u5355\u9875\u9762\u529f\u80fd\u3002<\/p>\n<p style=\"margin: 1em 0px;\"><strong style=\"color: #4870ac;\">\u7b2c\u4e8c\u4e2a\u9636\u6bb5<\/strong>\uff1a\u751f\u547d\u5468\u671f\u53ca\u5176\u542b\u4e49\u3001state\/props \u8fdb\u9636\u3001props \u9a8c\u8bc1\u3001\u7ec4\u4ef6\u7ec4\u5408\u3001\u5982\u4f55\u548c DOM \u6253\u4ea4\u9053\uff0c\u5e76\u5f15\u5165\u524d\u7aef\u5e94\u7528\u72b6\u6001\u7ba1\u7406\u7684\u95ee\u9898\u3002<\/p>\n<p style=\"margin: 1em 0px;\"><strong style=\"color: #4870ac;\">\u7b2c\u4e09\u4e2a\u9636\u6bb5<\/strong>\uff1a\u9ad8\u9636\u7ec4\u4ef6\u3001context\uff1b\u5f15\u5165 React-redux \u6784\u5efa\u8f83\u5b8c\u6574\u7684\u524d\u7aef\u5e94\u7528\uff0c\u6df1\u5165\u8ba8\u8bba\u72b6\u6001\u7ba1\u7406\uff1bReact-router \u4e5f\u4f1a\u63d0\u53ca\u3002\u6bcf\u4e2a\u9636\u6bb5\u6700\u540e\u90fd\u6709\u8bc4\u8bba\u529f\u80fd\u5b9e\u6218\uff0c\u628a\u8be5\u9636\u6bb5\u77e5\u8bc6\u70b9\u7528\u8d77\u6765\u3002<\/p>\n<h2 style=\"padding: 1px 12.5px; color: #ffffff; margin: 1.2em 0px 1em; border-radius: 4px; display: inline-block; background-color: #4870ac; font-size: 1.3em;\">\u4e09\u3001\u76ee\u5f55<\/h2>\n<h3 style=\"padding: 0px; color: #4870ac; margin: 1.2em 0px 1em; font-size: 1.3em;\">\u7b2c\u4e00\u4e2a\u9636\u6bb5<\/h3>\n<ul style=\"padding-left: 1rem; margin-left: 1rem; font-size: 0.9rem; list-style-type: disc;\">\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-02-12-lesson1\/\">Lesson 1 &#8211; React.js \u7b80\u4ecb<\/a><\/section>\n<\/li>\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-02-13-lesson2\/\">Lesson 2 &#8211; \u524d\u7aef\u7ec4\u4ef6\u5316\uff08\u4e00\uff09\uff1a\u4ece\u4e00\u4e2a\u7b80\u5355\u7684\u4f8b\u5b50\u8bb2\u8d77<\/a><\/section>\n<\/li>\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-02-14-lesson3\/\">Lesson 3 &#8211; \u524d\u7aef\u7ec4\u4ef6\u5316\uff08\u4e8c\uff09\uff1a\u4f18\u5316 DOM \u64cd\u4f5c<\/a><\/section>\n<\/li>\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-02-15-lesson4\/\">Lesson 4 &#8211; \u524d\u7aef\u7ec4\u4ef6\u5316\uff08\u4e09\uff09\uff1a\u62bd\u8c61\u51fa\u516c\u5171\u7ec4\u4ef6\u7c7b<\/a><\/section>\n<\/li>\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-02-16-lesson5\/\">Lesson 5 &#8211; React.js \u57fa\u672c\u73af\u5883\u5b89\u88c5<\/a><\/section>\n<\/li>\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-02-17-lesson6\/\">Lesson 6 &#8211; \u4f7f\u7528 JSX \u63cf\u8ff0 UI \u4fe1\u606f<\/a><\/section>\n<\/li>\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-02-18-lesson7\/\">Lesson 7 &#8211; \u7ec4\u4ef6\u7684 render \u65b9\u6cd5<\/a><\/section>\n<\/li>\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-02-19-lesson8\/\">Lesson 8 &#8211; \u7ec4\u4ef6\u7684\u7ec4\u5408\u3001\u5d4c\u5957\u548c\u7ec4\u4ef6\u6811<\/a><\/section>\n<\/li>\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-02-20-lesson9\/\">Lesson 9 &#8211; \u4e8b\u4ef6\u76d1\u542c<\/a><\/section>\n<\/li>\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-02-21-lesson10\/\">Lesson 10 &#8211; \u7ec4\u4ef6\u7684 state \u548c setState<\/a><\/section>\n<\/li>\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-02-22-lesson11\/\">Lesson 11 &#8211; \u914d\u7f6e\u7ec4\u4ef6\u7684 props<\/a><\/section>\n<\/li>\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-02-23-lesson12\/\">Lesson 12 &#8211; state vs props<\/a><\/section>\n<\/li>\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-02-24-lesson13\/\">Lesson 13 &#8211; \u6e32\u67d3\u5217\u8868\u6570\u636e<\/a><\/section>\n<\/li>\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-02-25-lesson14\/\">Lesson 14 &#8211; \u5b9e\u6218\u5206\u6790\uff1a\u8bc4\u8bba\u529f\u80fd\uff08\u4e00\uff09<\/a><\/section>\n<\/li>\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-02-26-lesson15\/\">Lesson 15 &#8211; \u5b9e\u6218\u5206\u6790\uff1a\u8bc4\u8bba\u529f\u80fd\uff08\u4e8c\uff09<\/a><\/section>\n<\/li>\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-02-27-lesson16\/\">Lesson 16 &#8211; \u5b9e\u6218\u5206\u6790\uff1a\u8bc4\u8bba\u529f\u80fd\uff08\u4e09\uff09<\/a><\/section>\n<\/li>\n<\/ul>\n<h3 style=\"padding: 0px; color: #4870ac; margin: 1.2em 0px 1em; font-size: 1.3em;\">\u7b2c\u4e8c\u4e2a\u9636\u6bb5<\/h3>\n<ul style=\"padding-left: 1rem; margin-left: 1rem; font-size: 0.9rem; list-style-type: disc;\">\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-02-28-lesson17\/\">Lesson 17 &#8211; \u524d\u7aef\u5e94\u7528\u72b6\u6001\u7ba1\u7406 \u2014\u2014 \u72b6\u6001\u63d0\u5347<\/a><\/section>\n<\/li>\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-03-01-lesson18\/\">Lesson 18 &#8211; \u6302\u8f7d\u9636\u6bb5\u7684\u7ec4\u4ef6\u751f\u547d\u5468\u671f\uff08\u4e00\uff09<\/a><\/section>\n<\/li>\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-03-02-lesson19\/\">Lesson 19 &#8211; \u6302\u8f7d\u9636\u6bb5\u7684\u7ec4\u4ef6\u751f\u547d\u5468\u671f\uff08\u4e8c\uff09<\/a><\/section>\n<\/li>\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-03-03-lesson20\/\">Lesson 20 &#8211; \u66f4\u65b0\u9636\u6bb5\u7684\u7ec4\u4ef6\u751f\u547d\u5468\u671f<\/a><\/section>\n<\/li>\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-03-04-lesson21\/\">Lesson 21 &#8211; ref \u548c React.js \u4e2d\u7684 DOM \u64cd\u4f5c<\/a><\/section>\n<\/li>\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-03-05-lesson22\/\">Lesson 22 &#8211; props.children \u548c\u5bb9\u5668\u7c7b\u7ec4\u4ef6<\/a><\/section>\n<\/li>\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-03-06-lesson23\/\">Lesson 23 &#8211; dangerouslySetHTML \u548c style \u5c5e\u6027<\/a><\/section>\n<\/li>\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-03-07-lesson24\/\">Lesson 24 &#8211; PropTypes \u548c\u7ec4\u4ef6\u53c2\u6570\u9a8c\u8bc1<\/a><\/section>\n<\/li>\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-03-08-lesson25\/\">Lesson 25 &#8211; \u5b9e\u6218\u5206\u6790\uff1a\u8bc4\u8bba\u529f\u80fd\uff08\u56db\uff09<\/a><\/section>\n<\/li>\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-03-09-lesson26\/\">Lesson 26 &#8211; \u5b9e\u6218\u5206\u6790\uff1a\u8bc4\u8bba\u529f\u80fd\uff08\u4e94\uff09<\/a><\/section>\n<\/li>\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-03-10-lesson27\/\">Lesson 27 &#8211; \u5b9e\u6218\u5206\u6790\uff1a\u8bc4\u8bba\u529f\u80fd\uff08\u516d\uff09<\/a><\/section>\n<\/li>\n<\/ul>\n<h3 style=\"padding: 0px; color: #4870ac; margin: 1.2em 0px 1em; font-size: 1.3em;\">\u7b2c\u4e09\u4e2a\u9636\u6bb5<\/h3>\n<ul style=\"padding-left: 1rem; margin-left: 1rem; font-size: 0.9rem; list-style-type: disc;\">\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-03-11-lesson28\/\">Lesson 28 &#8211; \u9ad8\u9636\u7ec4\u4ef6\uff08Higher-Order Components\uff09<\/a><\/section>\n<\/li>\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-03-12-lesson29\/\">Lesson 29 &#8211; React.js \u7684 context<\/a><\/section>\n<\/li>\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-03-13-lesson30\/\">Lesson 30 &#8211; \u52a8\u624b\u5b9e\u73b0 Redux\uff08\u4e00\uff09\uff1a\u4f18\u96c5\u5730\u4fee\u6539\u5171\u4eab\u72b6\u6001<\/a><\/section>\n<\/li>\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-03-14-lesson31\/\">Lesson 31 &#8211; \u52a8\u624b\u5b9e\u73b0 Redux\uff08\u4e8c\uff09\uff1a\u62bd\u79bb store \u548c\u76d1\u63a7\u6570\u636e\u53d8\u5316<\/a><\/section>\n<\/li>\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-03-15-lesson32\/\">Lesson 32 &#8211; \u52a8\u624b\u5b9e\u73b0 Redux\uff08\u4e09\uff09\uff1a\u7eaf\u51fd\u6570\uff08Pure Function\uff09\u7b80\u4ecb<\/a><\/section>\n<\/li>\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-03-16-lesson33\/\">Lesson 33 &#8211; \u52a8\u624b\u5b9e\u73b0 Redux\uff08\u56db\uff09\uff1a\u5171\u4eab\u7ed3\u6784\u7684\u5bf9\u8c61\u63d0\u9ad8\u6027\u80fd<\/a><\/section>\n<\/li>\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-03-17-lesson34\/\">Lesson 34 &#8211; \u52a8\u624b\u5b9e\u73b0 Redux\uff08\u4e94\uff09\uff1a\u4e0d\u8981\u95ee\u4e3a\u4ec0\u4e48\u7684 reducer<\/a><\/section>\n<\/li>\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-03-18-lesson35\/\">Lesson 35 &#8211; \u52a8\u624b\u5b9e\u73b0 Redux\uff08\u516d\uff09\uff1aRedux \u603b\u7ed3<\/a><\/section>\n<\/li>\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-03-19-lesson36\/\">Lesson 36 &#8211; \u52a8\u624b\u5b9e\u73b0 React-redux\uff08\u4e00\uff09\uff1a\u521d\u59cb\u5316\u5de5\u7a0b<\/a><\/section>\n<\/li>\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-03-20-lesson37\/\">Lesson 37 &#8211; \u52a8\u624b\u5b9e\u73b0 React-redux\uff08\u4e8c\uff09\uff1a\u7ed3\u5408 context \u548c store<\/a><\/section>\n<\/li>\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-03-21-lesson38\/\">Lesson 38 &#8211; \u52a8\u624b\u5b9e\u73b0 React-redux\uff08\u4e09\uff09\uff1aconnect \u548c mapStateToProps<\/a><\/section>\n<\/li>\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-03-22-lesson39\/\">Lesson 39 &#8211; \u52a8\u624b\u5b9e\u73b0 React-redux\uff08\u56db\uff09\uff1amapDispatchToProps<\/a><\/section>\n<\/li>\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-03-23-lesson40\/\">Lesson 40 &#8211; \u52a8\u624b\u5b9e\u73b0 React-redux\uff08\u4e94\uff09\uff1aProvider<\/a><\/section>\n<\/li>\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-03-24-lesson41\/\">Lesson 41 &#8211; \u52a8\u624b\u5b9e\u73b0 React-redux\uff08\u516d\uff09\uff1aReact-redux \u603b\u7ed3<\/a><\/section>\n<\/li>\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-03-25-lesson42\/\">Lesson 42 &#8211; \u4f7f\u7528\u771f\u6b63\u7684 Redux \u548c React-redux<\/a><\/section>\n<\/li>\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-03-26-lesson43\/\">Lesson 43 &#8211; Smart \u7ec4\u4ef6 vs Dumb \u7ec4\u4ef6<\/a><\/section>\n<\/li>\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-03-27-lesson44\/\">Lesson 44 &#8211; \u5b9e\u6218\u5206\u6790\uff1a\u8bc4\u8bba\u529f\u80fd\uff08\u4e03\uff09<\/a><\/section>\n<\/li>\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-03-28-lesson45\/\">Lesson 45 &#8211; \u5b9e\u6218\u5206\u6790\uff1a\u8bc4\u8bba\u529f\u80fd\uff08\u516b\uff09<\/a><\/section>\n<\/li>\n<li>\n<section><a href=\"https:\/\/it.zhousir.top\/wiki\/react\/2017-03-29-lesson46\/\">Lesson 46 &#8211; \u5b9e\u6218\u5206\u6790\uff1a\u8bc4\u8bba\u529f\u80fd\uff08\u4e5d\uff09<\/a><\/section>\n<\/li>\n<\/ul>\n<h2 style=\"padding: 1px 12.5px; color: #ffffff; margin: 1.2em 0px 1em; border-radius: 4px; display: inline-block; background-color: #4870ac; font-size: 1.3em;\">\u56db\u3001\u7279\u522b\u9e23\u8c22\u4e0e\u539f\u6587<\/h2>\n<p style=\"margin: 1em 0px;\">\u7279\u522b\u611f\u8c22\u4ee5\u4e0b\u670b\u53cb\u5bf9\u672c\u4e66\u6240\u505a\u7684\u5ba1\u6821\uff0c\u63d0\u51fa\u4e86\u5f88\u591a\u6539\u8fdb\u610f\u89c1\uff1a<\/p>\n<ul style=\"padding-left: 1rem; margin-left: 1rem; font-size: 0.9rem; list-style-type: disc;\">\n<li>\n<section>\u909d\u4f1f\u79d1 &#8211; \u817e\u8baf Web \u524d\u7aef\u5de5\u7a0b\u5e08<\/section>\n<\/li>\n<li>\n<section>\u6768\u6d77\u6ce2 &#8211; \u767e\u5ea6 Web \u9ad8\u7ea7\u524d\u7aef\u5de5\u7a0b\u5e08<\/section>\n<\/li>\n<li>\n<section>\u8c22\u519b\u4ee4 &#8211; \u5929\u732b Web \u524d\u7aef\u5de5\u7a0b\u5e08<\/section>\n<\/li>\n<li>\n<section>\u6234\u5609\u534e &#8211; \u524d\u5fae\u4fe1 Web \u524d\u7aef\u5de5\u7a0b\u5e08<\/section>\n<\/li>\n<\/ul>\n<p style=\"margin: 1em 0px;\">\u5c0f\u7ea2\u4e66\u90e8\u4efd\u94fe\u63a5\u5931\u6548\uff0c\u505a\u4e86\u90e8\u4efd\u5220\u51cf\uff0c\u82e5\u9700\u67e5\u770b\u539f\u6587,\u8bf7\u79fb\u6b65:<a class=\"url\" href=\"http:\/\/huziketang.mangojuice.top\/books\/react\/\" target=\"_blank\" rel=\"noopener\">http:\/\/huziketang.mangojuice.top\/books\/react\/<\/a><\/p>\n<blockquote style=\"display: block; font-size: 0.9em; border-left: 3px solid #4870ac; padding: 0.5em 1em; margin: 0px; background: #f6f8fa; color: #40464f;\">\n<p style=\"margin: 1em 0px;\"><strong style=\"color: #4870ac;\">\u4e00\u53e5\u8bdd\u603b\u7ed3\uff1aReact.js \u5c0f\u4e66\u6309\u300c\u95ee\u9898 \u2192 \u57fa\u7840 API \u2192 \u751f\u547d\u5468\u671f \u2192 \u624b\u5199 Redux\u300d\u4e09\u9636\u6bb5\u63a8\u8fdb\uff0c\u76ee\u5f55\u91cc\u7684\u8bfe\u65f6\u94fe\u63a5\u8bf7\u6309\u9636\u6bb5\u8ddf\u7740\u7ec3\u3002<\/strong><\/p>\n<\/blockquote>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>\u8fd9\u662f\u80e1\u5b50\u5927\u54c8\u5199\u7684\u4e00\u672c\u5f00\u6e90\u3001\u514d\u8d39\u3001\u9762\u5411\u96f6\u57fa\u7840\u7684 React.js \u5165\u95e8\u5c0f\u4e66\u3002\u5de5\u4f5c\u4e2d\u4e00\u76f4\u5728\u7528 React\uff0c\u5c31\u628a\u7ec4\u4ef6 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":true,"template":"","format":"standard","meta":[],"categories":[125,105],"tags":[143],"_links":{"self":[{"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/posts\/3019"}],"collection":[{"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3019"}],"version-history":[{"count":3,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/posts\/3019\/revisions"}],"predecessor-version":[{"id":3597,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/posts\/3019\/revisions\/3597"}],"wp:attachment":[{"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3019"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3019"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3019"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}