React + TypeScript 組件在接收 props 時報錯

報錯如下:
Type '{ navList: any; }' is not assignable to type 'IntrinsicAttributes & IntrinsicClassAttributes<Nav> & Readonly<{}> & Readonly<{ children?: ReactNode; }>'. Property 'navList' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes<Nav> & Readonly<{}> & Readonly<{ children?: ReactNode; }>'.

錯誤代碼:

import React from 'react';

class Nav extends React.PureComponent<{
  
},{
  
}> {
  constructor(props) {
    super(props);
    this.state = {
      
    };
  }

  render () {
    const navList = this.props && this.props.navList || {};
    return (
      <div>
       
      </div>
    )
  }
}

export default Nav;

問題是我們在這里把 props描述成了一個空對象。

改正之后:

import React from 'react';

class Nav extends React.PureComponent<{
  navList?: any
},{
  
}> {
  constructor(props) {
    super(props);
    this.state = {
      
    };
  }

  render () {
    const navList = this.props && this.props.navList || {};
    return (
      <div>
       
      </div>
    )
  }
}

export default Nav;

注:state 也同樣存在這個問題,詳見:http://www.itdecent.cn/p/a2f45dc7d45c

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容