Destructuring Objects做参数，例如{name}

const Cat = ({ name }) => {
    console.log(`rendering ${name}`);
    return <p>{name}</p>;
};

1、${ } 是 template string，这里没有美元符号，不是。
2、Arrow Functions是ES6才有的语法，它跟function关键字一样，是定义函数的一种方式。
3、带大括号是指传递一个参数，参数类型为对象，不带大括号就是传递三个参数，这里的大括号不是块级作用域，就是单纯的表示一个对象。
4、参数使用 {name} 有一个专门的名词：Destructuring Objects，可以只取 object 里的这个属性。

转载请注明：牛哥678 » Destructuring Objects做参数，例如{name}