Question

我正在学习reactjs，例如，看到很多人写

class Trees extends Component {

    render() {
        const { plantTrees } = this.props;
        return( ...

我想知道为什么使用const {} = this.props？使用它有什么好处吗？在render函数中初始化const变量的目的是什么？

Answer 1

实际上，这不仅适用于React，而且是JavaScript的ES6功能，称为解构赋值，它是从对象或数组中检索值的更好方法。在您的示例中，没有ES6，我们必须使用

const plantTrees = this.props.plantTrees;

但是对于ES6，我们只需使用

const { plantTrees } = this.props

对于数组，我们可以使用

const [,price] = ['car',10000]

检索数组中的第二个元素并将其存储在名为price的常量中。