我正在使用 CheckboxTree 库。
我的组件正在引导模式中呈现。
//我的组件
从“反应”导入反应;从“react-checkbox-tree”导入 CheckboxTree;
const nodes = [
{
value: "mars",
label: "Mars",
children: [
{ value: "phobos", label: "Phobos" },
{ value: "deimos", label: "Deimos" },
],
},
];
export default class ComplexSchemaTree extends React.Component {
state = {
checked: [],
expanded: [],
};
render() {
return (
<CheckboxTree
nodes={nodes}
checked={this.state.checked}
expanded={this.state.expanded}
onCheck={(checked) => this.setState({ checked })}
onExpand={(expanded) => this.setState({ expanded })}
/>
);
}
}