传输{..this.props}但排除某些道具

Question

是否可以将道具传递到子组件，其中{ ..this.props }用于更简洁的语法，但排除某些道具如className或id？

Answer 1

如果你不介意使用第三方库，你也可以使用lodash的omit功能：

{ ..._.omit(this.props, ['className', 'id']) } 

主要优点：不像madox2的建议，你不要任意变量名称污染的范围只是为了避免将某些道具传递给儿童组件。而且，在编写这个答案的时候，你也没有处理实验性的ES.next功能。

Answer 2

可以采用拆解做好这项工作：

const { className, id, ...newProps } = this.props; // eslint-disable-line 
// `newProps` variable does not contain `className` and `id` properties 

由于这句法目前ECMAScript的提案（REST /传播属性），你将需要transpile代码启用该功能（例如，使用巴贝尔）。