Typescript复杂接口的定义

byte.ts

export interface ByteTypes{
  id: string
  unit: string
  colOptions: { value: string; id: string }[]
  mOptions: [number, number]
  isPrivate: boolean
  step: number
}

menu.ts

interface menu {
  lay: ByteTypes
  __sso__?: any
  mId: string
  mCode: string
  setName: (name: any[]) => void
}

const menus: menu[] = [
  {
    mId: '',
    mCode: ''
  }
];

const MenuBar: React.FC<MenuProps> = props => {
  const [menus, setMenus] = useState(initialAlarm);
  return (
    <Vol
      <MenuLayer {...props} menus={menus} />
      <SiblingsLayer {...props} setMenus={setMenus} />
    </Vol>
  )
}
export default connect(() => ({}))(MenuBar);