跳转到内容

复选框 Checkbox

复选框用于多项选择

使用

import {Checkbox} from 'deft-react';
function App() {
const javascriptRef = useRef();
const rustRef = useRef();
function onCheckChange(e) {
console.log('is javascript checked', javascriptRef.current.value);
console.log('is rust checked', rustRef.current.value);
}
return <Container>
<Checkbox ref={javascriptRef} label="JavaScript" onChange={onCheckChange}/>
<Checkbox ref={rustRef} label="Rust" onChange={onCheckChange}/>
</Container>
}

属性

属性说明类型默认值
label标签string-
checked是否勾选boolean-
disabled是否禁用booleanfalse

事件

事件说明事件类型
change勾选状态发生变化