Info.tsx 750 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. import {ModalField} from '@components';
  2. import {FC} from 'react';
  3. import {useField, useFormValues} from './hooks';
  4. type Props = {
  5. id: string,
  6. };
  7. const Info: FC<Props> = function({id}) {
  8. const {control} = useField();
  9. useFormValues(id);
  10. return (
  11. <>
  12. <ModalField
  13. name='menuName'
  14. label='菜单名称'
  15. control={control}
  16. />
  17. <ModalField
  18. name='menuUrl'
  19. label='菜单路径'
  20. control={control}
  21. />
  22. <ModalField
  23. name='menuIcon'
  24. label='菜单图标'
  25. control={control}
  26. />
  27. <ModalField
  28. name='menuOrderBy'
  29. label='菜单排序'
  30. control={control}
  31. type='number'
  32. />
  33. </>
  34. );
  35. };
  36. export default Info;