我的登录返回如下

{
  "code": 200,
  "msg": "success",
  "data": {
    "token": "12868674e54b4fc896ff58c04355c080"
  }
}

我的login判断逻辑需要这样写，里面有很多unknow，我理解这里并没有做类型约束，是否此处应该定义一个接口返回的 type = {xxx}，然后直接用 “.” 进行调用，我这样太复杂了，而且感觉是为了避免TS约束而写成unknow，个人看法，还请老师点拨一下，要是接口返回的层级多一些，一直写unnkow感觉很奇怪

export default function Login() {
  const token = useSelector((state: RootState) => state.user.token)
  const dispatch = useAppDispatch()

  const handleLogin = (params:any) => {
    dispatch(loginAction({username: 'panda', password: '222'})).then((action) => {
      const data = (action.payload as {[index: string]: unknown}).data
      const code = (data as {[index:string]: unknown}).code
      const dataInfo = (data as {[index:string]: unknown}).data
      const token = (dataInfo as {[index:string]: unknown}).token
      if(code === 200 && typeof token === 'string' ){
        dispatch(updateToken(token))
        message.success('登录成功');
      }
      else{
        message.error('登录失败');
      }
    })
  }

  return (
    <div>
      Login <br />
      <Button onClick={handleLogin}>登录</Button>
      {token}
      </div>
  )
}