入力時の使用方法は？

Question

私はprops.aを持っているときどのように 'チェック'を設定できますか？

<input if (props.a > x) {checked='checked'}/> 

私は<input {props.a > x ? 'checked' : ''}/>を試してみましたが、私はあなたが<input checked={ (props.a > x) } />を使用する必要がありますエラー

Answer 1

あなたは

のような小道具とプットに直接値を返すことができます状態値にチェックし、小道具を変更するたびに、それは

よう

componentWillReceiveProps(nextProps) { 
    if(nextProps.a > x) { 
     this.setState({checked: 'checked'}); 
    } 

} 

<input checked={this.state.checked}/> 

か、他と呼ばれるようcomponentWillReceiveProps機能で、この状態を制御asssignedすることができます

<input checked={(props.a > x)? 'checked': null}}/> 

class App extends React.Component { 
 
    render() { 
 
    var a = 10; 
 
    var x = 9; 
 
    return (
 
     <div> 
 
     <input type="checkbox" checked={(a > x)? 'checked': null}/></div> 
 
    ) 
 
    } 
 
} 
 

 
ReactDOM.render(<App/>, document.getElementById('app'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script> 
 
<div id="app"></div>

Answer 2

を持っていた：私はこのように、何かを書く方法を理解can`t。