リアクト中から... this.props小道具を削除します

スティーブン・オリアリー：

私は何を探していますと、渡す前に、小道具を削除する簡単な方法である...this.props別のコンポーネントを反応します。現在、私はその後を行い、いくつかのロジックとは別のコンポーネントにそのすべての小道具を渡しますが、次のコンポーネントが小道具の1を必要としないという高次の成分を持ちます。それはまだ使用している間、その小道具を除去することが可能である...this.propsか、私が個別に各小道具を送信する必要がありますか？

ニック：

あなたは次のように所望の結果を達成するために構造化代入して、残りの演算子を使用することができるはずです。

const props = {
  a: 1,
  b: 2,
  c: 3
}

// We want newProps without b

const { b, ...newProps } = props;

console.log(newProps);

また、あなたは、オブジェクトをコピーして、新しいオブジェクトから望ましくない小道具を削除することができます。

const props = {
  a: 1,
  b: 2,
  c: 3
}

const newProps = { ...props };
delete newProps.b;

console.log(newProps);

この時点で、あなたはあなたを広げることができますnewProps返されたコンポーネントに：

<MyComponent {...newProps} />