国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術(shù)文章
文章詳情頁

javascript - TypeScript用接口如何描述數(shù)組的問題

瀏覽:106日期:2023-04-14 13:22:44

問題描述

interface Squares { squares: (null | string)[]}interface History { [index: number]: Squares}interface State { history: History stepNumber: number xIsNext: Boolean}class Game extends React.Component { state: State constructor() { super() this.state = { history: [{squares: Array(9).fill(null) }], stepNumber: 0, xIsNext: true } } handleClick(i: number) { const history = this.state.history.slice(0, this.state.stepNumber + 1) }

以上代碼為項目代碼的一部分,項目使用React+TypeScript開發(fā),上面的代碼在vscode中提示錯誤:Property ’slice’ does not exist on type ’History’.。

slice是數(shù)組方法,如果換成類似let a: string[] = [’Hello’]這種方式則slice方法可以正常使用不會報錯。

題主目前是還是TypeScript初學(xué)者,想問一下各位:

這種問題產(chǎn)生的原因是什么

類似this.state這種結(jié)構(gòu)的數(shù)據(jù)應(yīng)該怎么用interface描述(主要是history這個數(shù)組怎么描述)

問題解答

回答1:

原因就是接口沒有正確繼承數(shù)組接口,導(dǎo)致數(shù)組的slice方法定義丟失

改成下面這樣

interface History extends Array<Squares>{}

標(biāo)簽: JavaScript
相關(guān)文章:
主站蜘蛛池模板: 日韩美女啪啪 | 精品精品国产欧美在线观看 | 另类专区另类专区亚洲 | 国产一级做a爰片久久毛片男 | 国产日韩欧美视频在线 | 国产黄色自拍视频 | 久久国产欧美日韩高清专区 | 亚洲人成影院午夜网站 | 国产午夜人做人视频羞羞 | 欧美精品v日韩精品v国产精品 | 美国一级毛片视频 | 久久99久久精品久久久久久 | 成人免费观看网欧美片 | 精品一区二区三区在线视频观看 | 永久毛片 | 成年人视频在线免费播放 | 99爱视频在线 | 亚洲一区精品在线 | 国产成人精品男人的天堂538 | 国产亚洲一区二区三区 | 绝对真实偷拍盗摄高清在线视频 | 成人国产精品一级毛片天堂 | 久久精品视频在线播放 | 美女黄网站人色视频免费国产 | 国产精品国产亚洲精品不卡 | 456亚洲视频 | 国产成人久久一区二区三区 | 日本免费人成在线网站 | 国产一区免费观看 | 欧美中文字幕在线视频 | 日韩一级黄色毛片 | 美女扒开双腿让男人桶 | 性久久久久久久 | 亚洲精品久久片久久 | 理论在线看 | 精品久久久久久中文字幕网 | 免费观看欧美一级高清 | 日韩黄在线观看免费视频 | 欧美色老头gay | 午夜影院在线免费 | 精品欧美一区二区在线看片 |