我碰到这行代码走到今天,而学习阵营:这是什么意思分配给JavaScript中的{...}对象?
import React, {Component, PropTypes } from 'react';
class App extends Component {
static propTypes = {
transactions: PropTypes.array,
summary: PropTypes.object,
gridFields: PropTypes.array,
actions: PropTypes.object
};
componentWillMount() {
const { transactions, actions } = this.props;
actions.requestSum(transactions);
}
render() {
const {
transactions,
gridFields,
summary,
actions
} = this.props;
return (
<div className="viewport">
<Header addTodo={actions.addTodo} />
<Grid fields={gridFields} data={transactions}>
<TransactionForm action={actions.addTransaction}/>
<TransactionSummary data={summary} fields={gridFields} />
</Grid>
</div>
);
}
}
}
但什么是const {transactions, actions} = this.props
是什么意思?我习惯了这样的事情:
const myVariable = 3;
React如何知道在交易和操作中存储什么?
谷歌 “的JavaScript解构” – gyre
这是[对象解构](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#Object_destructuring)来自ES6。 – 4castle