渡されたすべてのプロパティをコンポーネントに反映させるにはどうすればいいですか？

Question

私はコンポーネント次のようReactを作成する：私が使用している場合

class UploadInput extends React.Component { 
    render() { 
     return (
      <input type="file" {}/> 
     ); 
    } 
} 

を：

<UploadInput anyProp="value" /> 

をUploadInputは、すべて私が渡すプロパティを拡張するためにどのように私がすることができますか？

Answer 1

私はあなたが望むものを正しくあなたを理解していれば、あなたがこれを行うときである。

<UploadInput type="text" name="some name" value="some value" ... /> 

あなたはこのようにレンダリングするUploadInput内inputが必要になります。

<input type="text" name="some name" value="some value" ... /> 

ソリューション：あなたが使用することができますそのためのJSX Spread operatorは：

<input {...this.props} /> 

UploadInputコンポーネントに渡す小道具はinputにも渡されます。