React/Typescript：如何獲取 json 文件數據

Question

如何從處於狀態的 json 文件中讀取數據？ 我只知道如何在反應中做到這一點，但在使用打字稿的反應中卻沒有做到這一點。 如果無論如何都不會改變，我應該首先將它置於 state 中嗎？

 import * as React from 'react'; import * as data from '../../team.json'; interface Props { //props } interface State { nextRacers: Array<object>; jockeys: Array<any>; } console.log(data) // I can see my data here in dev tools export class Race extends React.Component<Props, State> { constructor(props: Props) { super(props); this.state = { jockeys: data, nextRacers: [], }; } }

我得到的錯誤；

輸入 '{ jockeys: typeof " .json"; nextRacers: 從不[]; }' 不可分配給類型 'Readonly'。 財產“騎師”的類型是不兼容的。 類型 'typeof " .json"' 不能分配給類型 'any[]'。 類型“typeof“*.json””中缺少屬性“includes”。

我是打字稿和反應的新手，語法仍然困擾着我。

Answer 1

首先，您需要將data為any ，然后您需要再次將其轉換為jockeys字段的類型，即Array<any> 。 嘗試像這樣更新對this.state的分配：

this.state = {
    jockeys: data as any as Array<any>, 
    nextRacers: [],
};