傳輸{..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代碼啓用該功能（例如，使用巴貝爾）。