転送{..this.props}特定のものを除外しますが

Question

子コンポーネントに{ ..this.props }を使用すると、より洗練された構文で簡単に小道具を転送できますか？classNameまたはidなどの小道具は除外しますか？

Answer 1

あなたは、サードパーティのライブラリを使用して気にしない場合は、lodashのomit機能を使用することができます。

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

主な利点：madox2の提案とは異なり、あなたは任意の変数名を使用してスコープを汚染しません特定の小道具を子コンポーネントに渡さないようにするだけです。また、この回答を書いている時点では、実験的なES.next機能も扱っていません。

Answer 2

あなたはこの仕事をする非構造を採用することができます。この構文は、あなたが（例えばバベルを使用して）この機能を有効にするには、コードをtranspileする必要がありますECMAScriptの提案（休憩/拡がり性）が現在ある

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

ので。