React 踩坑记录

最新推荐文章于 2024-03-01 16:26:40 发布

weixin_30566111

最新推荐文章于 2024-03-01 16:26:40 发布

阅读量88

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/JhoneLee/p/5724297.html

1.React-router error: super expression must either be null or a function

原因：引入babel后写ES6风格的代码：

class ComponentXX extends React.component{} 这里的C小写了，导致产生这个bug

改为大写就可以 ,不引入router不会产生这个bug

2.React-router 引入Link的时候，在ES6风格的代码下应该这样写：

import {Link} from "react-router"; 哪怕只有一个Link也要用花括号括起来，否则会让react报类型不正确的错误。

3. React中需要使用 async/wait的时候需要做如下几件事

npm install babel-preset-stage-0 --save-dev
npm install --save-dev babel-plugin-transform-runtime
npm install --save babel-runtime

然后在.babelrc中进行如下配置：

{
 "presets": [ "es2015", "stage-0","react"],
 "plugins": [
    ["transform-runtime", {
      "polyfill": false,
      "regenerator": true
    }]
  ]
}

如果还用到了eslint插件，还需要将.eslintrc中的规则更改一下

{
    "no-constant-condition":[
       "warn",{
        "checkLoops":false
       }
     ],
    "no-fallthrough":["warn",{
       "commentPattern": "break[\\s\\w]*omitted"
    }]
}

转载于:https://www.cnblogs.com/JhoneLee/p/5724297.html