ant-design/components/radio/demo/disabled.md
2020-03-30 22:14:13 +08:00

50 lines
792 B
Markdown

---
order: 1
title:
zh-CN: 不可用
en-US: disabled
---
## zh-CN
Radio 不可用。
## en-US
Radio unavailable.
```jsx
import { Radio, Button } from 'antd';
class App extends React.Component {
state = {
disabled: true,
};
toggleDisabled = () => {
this.setState({
disabled: !this.state.disabled,
});
};
render() {
return (
<>
<Radio defaultChecked={false} disabled={this.state.disabled}>
Disabled
</Radio>
<br />
<Radio defaultChecked disabled={this.state.disabled}>
Disabled
</Radio>
<Button type="primary" onClick={this.toggleDisabled} style={{ marginTop: 20 }}>
Toggle disabled
</Button>
</>
);
}
}
ReactDOM.render(<App />, mountNode);
```