ES6 с React, Redux

Присвоение деструктуризации

1. Деструктуризация реквизитов (1) — ES6

При деструктурировании свойств с помощью компонента реакции

Пример 1

До :

const foo = (props) => {
...
return <div>{props.foo}</div>
}

После :

const Foo = ({foo}) => {
...
return <div>{foo}</div> 
}

Пример 2

До :

const profileUpdate = (profileData) => {
  
  const { name, age, nationality, location } = profileData;
  
  // do something with these variables
};

После :

const profileUpdate = ({ name, age, nationality, location }) => {
  
  /* do something with these fields */
};

2. Деструктуризация реквизитов(2) — ES6

При деструктурировании реквизита при рендеринге

До :

render() {
  return (
     
    <div>{this.props.fooList}</div> 
  )
};

После :

render() {
  const { fooList } = this.props  
  return (
    
    <div>{fooList}</div>
  )
};

Ссылка :