小编Zon*_*org的帖子

我正在研究 NetNin​​jareact-router深入 #6 教程，但我正在尝试使用打字稿来完成它。我正在从 JSON 对象获取数据，并使用钩子useLoaderData()并尝试映射 JSON 对象。我只是不确定在哪里声明类型和/或声明哪种类型。这是我的组件：

import { NavLink, Link, Outlet, useLoaderData } from 'react-router-dom'

type Token = {
  id: number
  name: string
  ticker: string
  description: string
}

const Tokens = () => { 
  const tokens = useLoaderData()

  return ( 
    <div>
      <div>
        {tokens.map((token: Token) => (
          <Link to='/' key={token.id}>
            <p>{token.name}</p>
            <p>{token.ticker}</p>
            <p>{token.description}</p>
          </Link>
        ))}
      </div>
      <nav>
        <NavLink to='uniswap'>Uniswap</NavLink>
        <NavLink to='balancer'>Balancer</NavLink>
      </nav>
      <Outlet />
    </div>
  );
}

//loader function
export const tokensLoader = async () …