文本回填

Mr Ke

2020-06-24 cb0a06de99bd629c2021e3d9b32fe8eae8c54879

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
import React from 'react';
import { Checkbox, Row, Col } from 'antd';
 
export default class MultiSelect extends React.Component{
  
  onChange=checkedValues => {
    this.props.onChange(checkedValues);
  }
  render(){
    const {all,own}= this.props;
    return(
      <div>
      {all.length==0
        ?<div style={{fontSize:16}}>暂无数据</div>
        :<Checkbox.Group style={{ width: '100%' }} defaultValue={own} onChange={this.onChange}>
        <Row>
          {all.map(e=>(
            <Col span={4} key={e.id}><Checkbox value={e.id}>{e.name}</Checkbox></Col>
          ))}
        </Row>
        </Checkbox.Group>
      }
      </div>
    )
    
  }
}