2015-07-15 16:13:00 +08:00
|
|
|
# 不可用
|
|
|
|
|
|
|
|
- order: 0
|
|
|
|
|
|
|
|
点击按钮切换可用状态。
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
|
````jsx
|
|
|
|
var InputNumber = antd.InputNumber;
|
|
|
|
|
|
|
|
var Test = React.createClass({
|
|
|
|
getInitialState() {
|
|
|
|
return {
|
2015-07-21 19:33:32 +08:00
|
|
|
disabled: true
|
2015-07-15 16:13:00 +08:00
|
|
|
};
|
|
|
|
},
|
|
|
|
toggle() {
|
|
|
|
this.setState({
|
|
|
|
disabled: !this.state.disabled
|
|
|
|
});
|
|
|
|
},
|
|
|
|
render() {
|
|
|
|
return <div>
|
2015-07-20 20:03:45 +08:00
|
|
|
<InputNumber min={1} max={10} disabled={this.state.disabled} defaultValue={3} />
|
|
|
|
<div style={{marginTop: 20}}>
|
|
|
|
<button onClick={this.toggle} className="ant-btn ant-btn-primary">Toggle disabled</button>
|
|
|
|
</div>
|
2015-07-15 16:13:00 +08:00
|
|
|
</div>;
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
React.render(<Test />, document.getElementById('components-input-number-demo-disabled'));
|
|
|
|
````
|