React探路合集

react脚手架建项目的时候突然太卡，改一下npm的registry或许有帮助。。。

建react项目的时候，突然的巨卡，create-react-app之后吃个苹果回来还在卡着不动，就像这样。

换源：create-react-app指令默认npm，永久设置registry就ok了。

图中的命令从上往下依次是清理npm缓存，设置registry成https://registry.npm.taobao.org，
查看registry设置是否成功（也可以npm info express）

查看现在的镜像

1	npm get registry

1、设置淘宝镜像

1	npm config set registry http://registry.npm.taobao.org/

2、切换回原镜像

1	npm config set registry https://registry.npmjs.org/

npm run eject不弹出个性化配置，并提示This git repository has untracked files or uncommitted changes:
意思是这个git仓库有未跟踪的文件或未提交的更改：

很简单，这时候git status查看一下状态，看看有没有未提交的修改，修改一下再提交仓库。
这时候npm run eject出现下面这些东西的时候就是成功了

写react联合redux的时候可能会用到装饰器babel-plugin-transform-decorators-legacy，顺带提一下用法

1	npm install --save-dev babel-plugin-transform-decorators-legacy

package.json的babel里头添加这个

1
2
3

"plugins": [
      "transform-decorators-legacy"
]

注意：插件顺序很重要，如果要手动包括您的插件和使用transform-class-properties，确保transform-decorators-legacy来之前 transform-class-properties。

"plugins": [
      "transform-decorators-legacy",
      "transform-class-properties"
]

写完重新start就生效了，这里说的是在组件中@connect之后，下面有红线，一个原因是你没在package.json里面用上免得插件,也有可能是已经添加了上面那个插件，但是没用，这时候可以选择修改一下setting.json，添加下面这个代码，覆盖掉原本它默认的false

1	"javascript.implicitProjectConfig.experimentalDecorators": true

刚在写退出登录功能的时候，方法不执行，即使bind了this，代码也完全没问题，排除了默认以及冒泡等，可能是被遮住了，点不到那个元素，这时候设置一下z-index就可以了，不行就设置z-index: xxx !important; 提升它的优先级，然后就可以了