最近在研究前端React,发现坑特别的多，尤其是对于我这种埋头死磕的人，低级错误很多:
当用webpack打包完 React之后，到页面去测试执行，发现报错:
![[React/Error: Minified React error #130]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzg2Ny9lNGNhOTJlMWJhMTdkYTgxZmM5YTQzMzcyMTk3NWIxYi5KUEVH.JPEG?w=700&webp=1 "[React/Error: Minified React error #130]")
首先查看webpack配置文件，发现均无问题，如果有问题，那么在我执行webpack命令的时候他就会报错,其次查看源文件导入 ![[React/Error: Minified React error #130]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzI3MS9jODQ3NDQ3YWU5MWFkMDQ5MWFlOWY3YzM2ZWQ2MzliNy5KUEVH.JPEG?w=700&webp=1 "[React/Error: Minified React error #130]")
![[React/Error: Minified React error #130]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzM0MS83NGI5YTA1ZjcxNjg3NDg0YWExMmY2NzE3ZDNiYTZkNS5KUEVH.JPEG?w=700&webp=1 "[React/Error: Minified React error #130]")
测试单一代码发现均无问题,改成单一导入默认测试: ![[React/Error: Minified React error #130]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzUwMi8yMWYzZWFhNjJmODMxMTBhYWJhYjYwYmQ5NzJhMTgxNi5KUEVH.JPEG?w=700&webp=1 "[React/Error: Minified React error #130]")
![[React/Error: Minified React error #130]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzc5Mi81MjE4ZDVmODk1YzU3YTFkNzZjODJlYWRkNGYzOGQyOC5KUEVH.JPEG?w=700&webp=1 "[React/Error: Minified React error #130]")
测试正常!,这就奇怪了，后来才发现:
React定义方法的时候所有明明首字母必须大写，不能是驼峰原则！
修改ToDoAPP类改为Todoapp恢复正常