问题总结（react）

1：npx create-react-app my-app的命令创建react项目失败，报syscall rename,可以去删除一下全局package-lock.json文件
2：npx create-react-app my-app创建失败，报syscall rename,errno -4048,operation
not permitted(没有操作权限)解决办法：npm cache clean -force(npm 清理缓存)同时从c进入到d,然后创建。不知道和直接在d创建有没有关系。
3：使用useEffect在开发环境会发现接口调用两次。解决办法是开发环境注释掉index.tsx中的React.strictMode，严格模式。
4：打包后，背景图片加载不出来，查看后，发现路径错误，’xxx/static/css/static.media.xxx’,很明显，找图片的路径不对，于是修改craco。config.js中的publicPath选项

webpackConfig.output.publicPath ='../../';

5：craco start出现空白页的原因是因为react-scripts使用了5.0.1,当使用4.0.3的时候是正常的。
6：使用umi4引入antd框架报错问题解决：在.uimrc.ts中添加

mfsu:{
  shared:{
    react:{singleton:true}
  }
}

7：使用umi4.0.25+antd:打包后样式展示不出来，在layouts中引入样式

import 'antd/dist/antd.less'

8：使用umi4.0.25+antd4:打包后umi.js404，路径问题，在.umirc.ts中加上publicPath:’./’
9：react中修改antdesign的样式，前面需要加上:global。
10：关于useEffect的用法：

useEffect(()=>{},第二个参数)

• 如果第二个参数是一个空数组[],则代表只运行一次(仅在组件挂载和卸载时执行),当副作用没有返回函数时可以当做[生命周期]componentDidMount使用，返回函数时可以当做生命周期componentWillUnmount使用
• 如果第二个参数不传入，则组件更新时就会执行。
• 传入数组 [item]当数组不为空时，组件更新时，会检测count的值，若更新后的值与旧值不一样则会调用effect，若相同则会跳过执行。

11. 使用antdesign的Modal设置自定义页脚的时候，数组的每一项都要设置key值。否则会报错。
12. 在移动端使用antdesignmobile中的Popup组件时，在安卓机器上会出现软键盘把页面顶起来看不到搜索框的情况。原因就是Popup使用的是position:fixed进行定位导致的。简单解决办法就是调整布局，使用position:relative和结合其他的一些css改动。

_持续更新

【信息由网络或者个人提供，如有涉及版权请联系COOY资源网邮箱处理】