反応クラスのいくつかの要素に無効な属性を渡すにはどうすればいいですか？

Question

reactjs-bootstrapを使用して汎用入力クラスを作成し、それを自分のフォームで使用したいと考えました。私のクラスのコード：私はそれを使用する私のフォームクラスで

const TextField = React.createClass({ 
    render: function() { 
     var label = (this.props.label != null) ? this.props.label : ""; 
     var name = (this.props.name != null) ? this.props.name : ""; 
     var value = (this.props.value != null) ? this.props.value : ""; 
     return (
      <FormGroup> 
       <ControlLabel>{label}</ControlLabel> 
       <FormControl type="text" placeholder={label} name={name} 
          value={value} onChange={this.props.onChange} 
       /> 
       <FormControl.Feedback /> 
      </FormGroup> 
     ); 
    } 
}); 

：私のフォームで

<div className="col-md-3"> 
    <TextField label="Label" 
     name='label_id' 
     value={data.label_id} /> 
</div> 

私はdissabledしなければならないいくつかの入力を、持っています。ドキュメントでは、私はそれが属性dissabled存在しましたが、私が書くとき：

<div className="col-md-3"> 
    <TextField label="Label" 
     name='label_id' 
     value={data.label_id} 
     dissabled /> 
</div> 

それは作品ません。私はこれがユニバーサルTextFieldクラスのためだと思う。私は

Answer 1

あなたはすでにやっている、あなたのTextFieldにdisabled小道具を渡し、そしてFormControlそれによって、それを消費..私は親クラスでdissabled-atributeを指定した場合は、すべての入力がdissabledになる？私の場合には、この問題をどのように修正することができますその用途に応じてdisabled支柱をサポートします。

<FormControl 
    type="text" 
    placeholder={label} 
    name={name} 
    value={value} 
    disabled={this.props.disabled} <-- this disables the text input. 
    onChange={this.props.onChange} 
/>