レスポンスのコンポーネント内のスタイル小道具

Question

私はフォームを使用するために反応を使用しています。私は、コンポーネントの一部をスタイルする必要があります。この場合、私はヒントをスタイルする必要があります。これはコンポーネントです

<Input 
    className={this.props.className} 
    ref={(input) => {this.input=input}} 
    type={this.props.type} 
    error={this.state.error ? this.state.errorText : ''} 
    name={this.props.name} 
    pattern={this.props.pattern} 
    value={this.props.value} 
    onBlur={this.blur} 
    theme={this.theme} 
    hint={this.props.hint} 
    onChange={this.onChange} 
    maxLength={this.props.maxLength}/> 

どのように私は小道具を使用してコンポーネントの独立した部分をスタイルすることができます知っている誰も知っている。

Answer 1

コンポーネントの「部品」をスタイリングする概念はありません。入力のようにHTML要素をスタイルします。

<!-- using classes --> 
<input className="myClassName" /> 

<!-- using styles --> 
<input style={{backgroundColor: "red"}} /> 

：あなたがHTML要素にスタイルを追加したい場合は

は、ここでは2例であり、