-
Notifications
You must be signed in to change notification settings - Fork 12
/
Copy path0db3d4f4.70d35a9d.js
1 lines (1 loc) · 8.43 KB
/
0db3d4f4.70d35a9d.js
1
(window.webpackJsonp=window.webpackJsonp||[]).push([[6],{102:function(e,t,n){"use strict";n.r(t),n.d(t,"frontMatter",(function(){return c})),n.d(t,"metadata",(function(){return i})),n.d(t,"rightToc",(function(){return p})),n.d(t,"default",(function(){return u}));var r=n(2),o=n(6),a=(n(0),n(180)),c={id:"start19",title:"\u0423\u043c\u043d\u044b\u0435 \u0438 \u0433\u043b\u0443\u043f\u044b\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b - Function vs Class Component",sidebar_label:"\u0423\u043c\u043d\u044b\u0435 \u0438 \u0433\u043b\u0443\u043f\u044b\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b - Function vs Class Component"},i={id:"start19",title:"\u0423\u043c\u043d\u044b\u0435 \u0438 \u0433\u043b\u0443\u043f\u044b\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b - Function vs Class Component",description:"\u0415\u0441\u043b\u0438 \u043a\u043e\u043d\u0446\u0435\u043f\u0442\u0443\u0430\u043b\u044c\u043d\u043e \u0440\u0430\u0437\u043e\u0431\u0440\u0430\u0442\u044c\u0441\u044f \u0432 \u044d\u0442\u043e\u043c \u0432\u043e\u043f\u0440\u043e\u0441\u0435 \u0438 \u043f\u043e \u043f\u0440\u043e\u0441\u0442\u043e\u043c\u0443, \u0442\u043e \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u0432 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0432 \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u043a\u0435 \u0432\u0430\u0448\u0435\u0433\u043e UI Kit, \u0442\u043e \u0435\u0441\u0442\u044c \u044d\u0442\u043e \u0444\u043e\u0440\u043c\u043e\u0447\u043a\u0438, \u043a\u043d\u043e\u043f\u043e\u0447\u043a\u0438, \u0442\u0430\u0439\u0442\u043b\u044b, \u0438\u043d\u043f\u0443\u0442\u044b \u0438 \u044d\u0442\u043e \u0431\u043e\u043b\u044c\u0448\u0435 \u043f\u0440\u043e \u0434\u0438\u0437\u0430\u0439\u043d. Class Component \u0438\u043c\u0435\u044e\u0442 \u0441\u0432\u043e\u0438 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f, \u0432 \u043d\u0438\u0445 \u0438\u0434\u0443\u0442 \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u043a \u0441\u0435\u0440\u0432\u0435\u0440\u0443 \u0438 \u043e\u043d\u0438 \u043e\u0431\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u044e\u0442 \u0443\u043c\u043d\u044b\u0435 \u0438 \u0433\u043b\u0443\u043f\u044b\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u0432 \u0441\u0435\u0431\u0435, \u044d\u0442\u043e \u043a\u0430\u043a \u0431\u044b \u0442\u0430\u043a\u0438\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u0438, \u043e\u043d\u0438 \u0438\u043c\u0435\u044e\u0442 \u0441\u0432\u043e\u0439 \u0441\u0442\u0435\u0439\u0442. Update: \u041f\u0440\u0430\u0432\u0434\u0430 \u0442\u0430\u043a \u0431\u044b\u043b\u043e, \u043f\u043e\u043a\u0430 \u043d\u0435 \u043f\u043e\u044f\u0432\u0438\u043b\u0438\u0441\u044c Hooks \ud83e\udd37\ud83c\udffc\u200d\u2642\ufe0f",source:"@site/docs/start19.md",permalink:"/docs/start19",editUrl:"https://github.com/facebook/docusaurus/edit/master/website/docs/start19.md",sidebar_label:"\u0423\u043c\u043d\u044b\u0435 \u0438 \u0433\u043b\u0443\u043f\u044b\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b - Function vs Class Component",sidebar:"someSidebar",previous:{title:"\u0421\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 - State",permalink:"/docs/start18"},next:{title:"State vs Props",permalink:"/docs/start20"}},p=[],s={rightToc:p};function u(e){var t=e.components,n=Object(o.a)(e,["components"]);return Object(a.b)("wrapper",Object(r.a)({},s,n,{components:t,mdxType:"MDXLayout"}),Object(a.b)("p",null,"\u0415\u0441\u043b\u0438 \u043a\u043e\u043d\u0446\u0435\u043f\u0442\u0443\u0430\u043b\u044c\u043d\u043e \u0440\u0430\u0437\u043e\u0431\u0440\u0430\u0442\u044c\u0441\u044f \u0432 \u044d\u0442\u043e\u043c \u0432\u043e\u043f\u0440\u043e\u0441\u0435 \u0438 \u043f\u043e \u043f\u0440\u043e\u0441\u0442\u043e\u043c\u0443, \u0442\u043e \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u0432 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0432 \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u043a\u0435 \u0432\u0430\u0448\u0435\u0433\u043e UI Kit, \u0442\u043e \u0435\u0441\u0442\u044c \u044d\u0442\u043e \u0444\u043e\u0440\u043c\u043e\u0447\u043a\u0438, \u043a\u043d\u043e\u043f\u043e\u0447\u043a\u0438, \u0442\u0430\u0439\u0442\u043b\u044b, \u0438\u043d\u043f\u0443\u0442\u044b \u0438 \u044d\u0442\u043e \u0431\u043e\u043b\u044c\u0448\u0435 \u043f\u0440\u043e \u0434\u0438\u0437\u0430\u0439\u043d. Class Component \u0438\u043c\u0435\u044e\u0442 \u0441\u0432\u043e\u0438 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f, \u0432 \u043d\u0438\u0445 \u0438\u0434\u0443\u0442 \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u043a \u0441\u0435\u0440\u0432\u0435\u0440\u0443 \u0438 \u043e\u043d\u0438 \u043e\u0431\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u044e\u0442 \u0443\u043c\u043d\u044b\u0435 \u0438 \u0433\u043b\u0443\u043f\u044b\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u0432 \u0441\u0435\u0431\u0435, \u044d\u0442\u043e \u043a\u0430\u043a \u0431\u044b \u0442\u0430\u043a\u0438\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u0438, \u043e\u043d\u0438 \u0438\u043c\u0435\u044e\u0442 \u0441\u0432\u043e\u0439 \u0441\u0442\u0435\u0439\u0442. Update: \u041f\u0440\u0430\u0432\u0434\u0430 \u0442\u0430\u043a \u0431\u044b\u043b\u043e, \u043f\u043e\u043a\u0430 \u043d\u0435 \u043f\u043e\u044f\u0432\u0438\u043b\u0438\u0441\u044c Hooks \ud83e\udd37\ud83c\udffc\u200d\u2642\ufe0f"),Object(a.b)("p",null,Object(a.b)("a",Object(r.a)({parentName:"p"},{href:"https://youtu.be/S2hQ_Tu39jo"}),Object(a.b)("img",Object(r.a)({parentName:"a"},{src:"/img/start/19.gif",alt:"\u0423\u043c\u043d\u044b\u0435 \u0438 \u0433\u043b\u0443\u043f\u044b\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b - Function vs Class Component"})))),Object(a.b)("p",null,Object(a.b)("a",Object(r.a)({parentName:"p"},{href:"https://www.patreon.com/bePatron?u=31769291"}),Object(a.b)("img",Object(r.a)({parentName:"a"},{src:"/img/logo/patreon.png",alt:"Become a Patron!"})))))}u.isMDXComponent=!0},180:function(e,t,n){"use strict";n.d(t,"a",(function(){return l})),n.d(t,"b",(function(){return f}));var r=n(0),o=n.n(r);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function c(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?c(Object(n),!0).forEach((function(t){a(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):c(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function p(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var s=o.a.createContext({}),u=function(e){var t=o.a.useContext(s),n=t;return e&&(n="function"==typeof e?e(t):i(i({},t),e)),n},l=function(e){var t=u(e.components);return o.a.createElement(s.Provider,{value:t},e.children)},b={inlineCode:"code",wrapper:function(e){var t=e.children;return o.a.createElement(o.a.Fragment,{},t)}},m=o.a.forwardRef((function(e,t){var n=e.components,r=e.mdxType,a=e.originalType,c=e.parentName,s=p(e,["components","mdxType","originalType","parentName"]),l=u(n),m=r,f=l["".concat(c,".").concat(m)]||l[m]||b[m]||a;return n?o.a.createElement(f,i(i({ref:t},s),{},{components:n})):o.a.createElement(f,i({ref:t},s))}));function f(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var a=n.length,c=new Array(a);c[0]=m;var i={};for(var p in t)hasOwnProperty.call(t,p)&&(i[p]=t[p]);i.originalType=e,i.mdxType="string"==typeof e?e:r,c[1]=i;for(var s=2;s<a;s++)c[s]=n[s];return o.a.createElement.apply(null,c)}return o.a.createElement.apply(null,n)}m.displayName="MDXCreateElement"}}]);