使用 typescript json 對象在 React 中映射列表

Question

我第一次在反應中使用打字稿。 試圖映射一個 json 數組對象，但無法訪問數組中的數據。 例如，試圖獲取 data.name 但它給了我一個錯誤屬性 'name' 在類型 'JSON' 上不存在，但是當我控制台記錄數據時，它向我顯示了名稱。 使用 TypeScript 時如何映射對象？

<tbody>
{dataSeries.map((data: JSON) => (
<tr>
{console.log(data)}
<th>{data.name}</th>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
))}
</tbody>```

Answer 1

你必須告訴 Typescript 對象會是什么樣子。 例如

<tbody>
{dataSeries.map((data:{name: string}) => (
<tr>
{console.log(data)}
<th>{data.name}</th>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
))}
</tbody>