zoukankan      html  css  js  c++  java
  • 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官网:链接

  • 相关阅读:
    管理反思(阶段)
    应用软件系统程序员的三个立面
    再优秀那么一点点
    TCP相关时延
    go wiki整理1
    慢就是快
    给自己一点机会
    竞争
    go mem
    币圈再次过年
  • 原文地址:https://www.cnblogs.com/detanx/p/typescriptError.html
Copyright © 2011-2022 走看看