index.js 803 B

12345678910111213141516171819202122232425262728293031323334
  1. import { useModel } from '@umijs/max';
  2. import { Select } from 'antd';
  3. import { useEffect } from 'react';
  4. const { Option } = Select;
  5. function InnerContactField(props) {
  6. const { value, onChange } = props;
  7. const { userList, run, loading } = useModel('userList');
  8. useEffect(() => {
  9. run();
  10. }, []);
  11. return (
  12. <Select
  13. showSearch
  14. onChange={(value) => {
  15. onChange(String(value));
  16. // onChange(JSON.stringify([value]));
  17. }}
  18. loading={loading}
  19. filterOption={(input, option) =>
  20. option.children.toLowerCase().includes(input.toLowerCase())
  21. }
  22. >
  23. {(userList || []).map((item) => (
  24. <Option key={item.ID} value={item.ID}>
  25. {item.CName}
  26. </Option>
  27. ))}
  28. </Select>
  29. );
  30. }
  31. export default InnerContactField;