React-typescript-antd 常見問題

一、The key 'Accept' is not sorted alphabetically

//tslint.json
{
  "extends": ["tslint:recommended", "tslint-react", "tslint-config-prettier"],  
  "rules": {
    "object-literal-sort-keys": false //Disable for typescript
  },
  "jsRules": {
    "object-literal-sort-keys": false //Disable for javascript
  }
}

二、內置對象的數據類型聲明

點擊鏈接：鏈接

三、event對象的數據類型聲明

點擊鏈接：鏈接1   鏈接2

四、接收子組件的傳值綁定方法

//示例
//添加taskList
    public addTaskHandle = (newItem: Itasks)=>{
        let allTask: Itasks[] = this.state.list
        let newArray: Itasks[] = allTask
        newArray.push(newItem)
        this.setState({
            list: newArray,
            totallist: newArray
        })
    }

五、Lambdas are forbidden in JSX attributes due to their rendering performance im ****

//tslint.json
"rules": {
    "jsx-no-lambda": false,
  }

六、無法console

//tslint.json
"rules": {
    "no-console": [false, "log", "error"],
  }

七、for (... in ...) statements must be filtered with an if statement

//  示例

//error:for (... in ...) statements must be filtered with an if statement
for (const key in Object.keys(obj)) {
      result += '&' + key + '=' + encodeURIComponent(obj[key])  
}

// true
for (const key in Object.keys(obj)) {
        if (obj.hasOwnProperty(key)) {//需要添加原型判斷
            result += '&' + key + '=' + encodeURIComponent(obj[key])
        }
       
    }

 // tslint.json

"rules": {

　　"forin": true,

}

注：tslint.json 常見配置  鏈接

typescript官網：鏈接