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> ) };
Ссылка :
- https://bytearcher.com/articles/es6-vs-es2015-имя/
- https://www.w3schools.com/js/js_es6.asp
- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Default_parameters
- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax
- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals