weixin_43990297的博客

按照 React 的规范，所有的数组组件必须绑定 key。在 Table 中，dataSource 和 columns 里的数据值都需要指定 key 值。对于 dataSource 默认将每列数据的 key 属性作为唯一的标识。如果 dataSource[i].key 没有提供，使用 rowKey 来指定 dataSource 的主键，如下所示。若没有指定，控制台会出现以上的提示，表格组件也会出现各类奇怪的错误。// 比如你的数据主键是 uidreturn <Table rowKey="u.

从 4.0 开始，antd 不再内置 Icon 组件，请使用独立的包 @ant-design/icons。在项目开发中，经常会有需求是通过数据循环渲染出动态icon，比如后台项目的侧边栏等，如果你是4.0以前版本的，就不用看了， 此处只针对4.0版本的antd写一个方法，用来生成不同的iconimport * as Icons from "@ant-design/icons";const renderIcon = (iconName) => { return React.create.

在此对项目开发中遇到的一些报错处理放在这里记录一下安装 less-loader 遇到的报错在进行 react 项目开发的时候，出现了这个错误，TypeError: this.getOptions is not a function这个实际上就是 less-loader 的版本过高，不兼容 getOptions 函数方法，所以需要对 less-loader 进行降级处理问题的解决：通过 npm uninstall less-loader 命令卸载原版本的 less-loader，然后 通过

在react脚手架中修改配置有两种方式使用npm eject 命令 将配置弹出来（不推荐，不优雅）使用customize-cra 来新增一个config-overrides.js文件 来进行项目配置接下来，主要使用第二种方式把一些项目开发中常见配置给记录一下首先 先安装 必要的两个依赖yarn add custom-cra react-app-rewired -dev 然后，修改package.json的配置"scripts": { "start": "react-app-r

在react中，大家有的使用装饰器，比如路由，或者mobx等，但是会发现默认脚手架不支持，接下来就说一下怎么配置，网上大部分都是使用npm eject来弹出脚手架的默认配置，但这样并不优雅，社区提供了其他方案来解决修改配置的方式首先安装，以下几个依赖 customize-cra react-app-rewired @babel/plugin-proposal-decoratorsyarn add customize-cra react-app-rewired @babel/plugin-p

修改默认端口号找到package.json文件中修改 "scripts": { "start": "set PORT=9000 && react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" },中的"start"配置信息为"start":"set PORT=9000 &..

好记性不如烂笔头，看了看官方文档，自己也敲了点小demo，在这总结总结吧，以便后期回顾或者加深印象。1.项目搭建官方文档上说的很清楚，搭建基础的项目的话，推荐使用Create React App。如果你是在用 Node.js 构建服务端渲染的网站，试试 Next.js。初学还是使用官方推荐的入门级脚手架吧安装命令npx create-react-app my-appcd my-appnpm start默认生成的结构是这样Mode LastWriteTime

在项目搭建初始化对的时候，使用react官网上的命令创建项目的时候，发现报如下错误经过噼里啪啦一顿度娘，找到一个有效的方法解决方案：“更换node cache 路径”在项目目录下面运行：#npm config set cache “C:\Users\登录windows的用户名\AppData\Roaming\npm-cache”–global切记目录和“–global”之间没有空格。原文链接：https://blog.youkuaiyun.com/wszxg8866/article/details/835