e10d4797.f56b6ac8.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[53],{119:function(e,t,r){"use strict";r.r(t),r.d(t,"frontMatter",(function(){return a})),r.d(t,"metadata",(function(){return s})),r.d(t,"rightToc",(function(){return i})),r.d(t,"default",(function(){return p}));var n=r(3),c=r(7),o=(r(0),r(134)),a={id:"nested-destructuring",sidebar_label:"Nested destructuring",title:"Nested Destructuring",description:"Nested destructuring | React Patterns, techniques, tips and tricks in development for Ract developer.",keywords:["nested destructuring","reactpatterns","react patterns","reactjspatterns","reactjs patterns","react","reactjs","react techniques","react tips and tricks"],version:"Nested destructuring",image:"/img/reactpatterns-cover.png"},s={unversionedId:"nested-destructuring",id:"nested-destructuring",isDocsHomePage:!1,title:"Nested Destructuring",description:"Nested destructuring | React Patterns, techniques, tips and tricks in development for Ract developer.",source:"@site/docs/nested-destructuring.md",slug:"/nested-destructuring",permalink:"/docs/nested-destructuring",version:"current",sidebar_label:"Nested destructuring",sidebar:"someSidebar",previous:{title:"Destructuring Function Argument",permalink:"/docs/destructuring-function-argument"},next:{title:"Destructuring Rest/Spread Operator",permalink:"/docs/destructuring-rest-or-spread-operator"}},i=[{value:"For example",id:"for-example",children:[]}],u={rightToc:i};function p(e){var t=e.components,r=Object(c.a)(e,["components"]);return Object(o.b)("wrapper",Object(n.a)({},u,r,{components:t,mdxType:"MDXLayout"}),Object(o.b)("p",null,"Destructuring also applies to objects nested in objects. "),Object(o.b)("h2",{id:"for-example"},"For example"),Object(o.b)("p",null,"Without destructuring:"),Object(o.b)("pre",null,Object(o.b)("code",Object(n.a)({parentName:"pre"},{className:"language-jsx"}),"function setIndexFromRoute(props) {\n  const modalList = props.modalList\n  const pathname = props.location.pathname\n\n  // ...\n}\n")),Object(o.b)("p",null,"Destructuring the nested props object."),Object(o.b)("pre",null,Object(o.b)("code",Object(n.a)({parentName:"pre"},{className:"language-jsx"}),"function setIndexFromRoute(props) {\n  const { modalList, location: { pathname } } = props\n\n  // ...\n}\n")))}p.isMDXComponent=!0},134:function(e,t,r){"use strict";r.d(t,"a",(function(){return d})),r.d(t,"b",(function(){return b}));var n=r(0),c=r.n(n);function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?a(Object(r),!0).forEach((function(t){o(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function i(e,t){if(null==e)return{};var r,n,c=function(e,t){if(null==e)return{};var r,n,c={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(c[r]=e[r]);return c}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(c[r]=e[r])}return c}var u=c.a.createContext({}),p=function(e){var t=c.a.useContext(u),r=t;return e&&(r="function"==typeof e?e(t):s(s({},t),e)),r},d=function(e){var t=p(e.components);return c.a.createElement(u.Provider,{value:t},e.children)},l={inlineCode:"code",wrapper:function(e){var t=e.children;return c.a.createElement(c.a.Fragment,{},t)}},m=c.a.forwardRef((function(e,t){var r=e.components,n=e.mdxType,o=e.originalType,a=e.parentName,u=i(e,["components","mdxType","originalType","parentName"]),d=p(r),m=n,b=d["".concat(a,".").concat(m)]||d[m]||l[m]||o;return r?c.a.createElement(b,s(s({ref:t},u),{},{components:r})):c.a.createElement(b,s({ref:t},u))}));function b(e,t){var r=arguments,n=t&&t.mdxType;if("string"==typeof e||n){var o=r.length,a=new Array(o);a[0]=m;var s={};for(var i in t)hasOwnProperty.call(t,i)&&(s[i]=t[i]);s.originalType=e,s.mdxType="string"==typeof e?e:n,a[1]=s;for(var u=2;u<o;u++)a[u]=r[u];return c.a.createElement.apply(null,a)}return c.a.createElement.apply(null,r)}m.displayName="MDXCreateElement"}}]);