react使用误区总结

1、React export和export default的区别

同：
export与export default均可用于导出常量、函数、文件、模块，可以在其它文件或模块中通过 import+(常量 | 函数 | 文件 | 模块)名的方式，将其导入，以便能够对其进行使用（导入时，后缀.js可以省略）。

异：

• 在一个文件或模块中，export、import可以有多个，export default仅有一个;
• 通过export方式导出，在导入时要加{ }，export default则不需要。使用export default命令，为模块指定默认输出，这样就不需要知道所要加载模块的变量名。

export default的使用如下图所示：
export的使用如下图所示：

异常一：antd在安装组件时出现堆栈溢出

当我安装antd时出现了如下异常：

在参考了node最新版本安装导致的Maximum call stack size exceeded npm的解决方案之后，我尝试删除了node_modules文件夹，然后重新安装该项目所需的组件（我当时重新执行了 npm install antd babel-plugin-import --save），最后记得在项目中npm install.或者先执行一遍npm stall，再去安装antd组件也可以。

异常二：未加载model

此处异常信息显示：在ProductList中使用products，但是这个products的value是undefined。

解决：去ProductList检查一下，为什么这个products是undefined。所以就发现在index.js中未引入produces.js。