随笔分类 - react
摘要:ant-design-pro中默认只能引用less文件,引用了css文件也是无效的。所以需要在配置文件config.js中找到 cssLoaderOptions,在 getLocalIdent中加入可以引用css文件的方法:context.resourcePath.includes('.css')
阅读全文
摘要:当给Select添加value赋值后,placeholder会失效,试着给value设为null,发现placeholder还是无效的,最后发现value设值为undefined的是时候,placeholder就恢复过来了。 设值如下: 好了,问题完美解决
阅读全文
摘要:利用Ant Design pro开发的项目,如何用Nginx部署呢? 第一步:把项目打包,打包命令如下: npm run build 运行完毕会在项目目录下生成dist文件夹。 第二步:想要测试打包好的代码是否可以正常运行,安装serve,如下命令 npm i serve -g serve安装完毕,
阅读全文
摘要:最近在学习胡子大哈的react小书,内容讲的由浅入深,很值得react,react-redux小白一读。 废话不多说直接上地址:http://huziketang.mangojuice.top/books/react/ react小书看过两遍,而且都认真跟着操作了,里面的react-redux还是理
阅读全文
摘要:曾经对于react项目怎么使用bootstrap纠结了很久,网上也查了好多的资料,有的用react-bootstrap,只要npm install 以后,import就可以使用里面的css了。但是这个样式跟我想要的bootstrap还是有点不一样的。我希望用http://www.bootcss.co
阅读全文
摘要:用脚手架create-react-app创建的react项目,已经集成了webpack,只要运行命令:npm run build 项目就会编译成功,生成一个build文件夹,现在问题来了,如何启动这个项目呢。 我们看到命令执行完了,会给一个操作提示如下图: 首先提醒我们要在package.json里
阅读全文
摘要:react的列表数据一般是用map循环显示的。 使用map注意:map的回调函数为箭头函数时,后面如果加大括号(箭头函数常规编写),必须要有return才可以,如果箭头函数后面没有大括号(箭头函数简写),可以不用加return。 这是因为:箭头函数简写时只需要一个表达式和一个返回值。常规编写时必须有
阅读全文
摘要:继续上一节课的内容,打开App.js:会看到如下代码: 根据上面代码的注释,我们可以在这里写一个自己的react组件。 我们把return里的示例代码删掉,换成自己写的。如下: 注意:return的view必须放在一个总的标签内,否则会报错。例如: return ( <div className="
阅读全文
摘要:React 可以高效、灵活的用来构建用户界面框架,react利用高效的算法最小化重绘DOM。 create-react-app 是来自于 Facebook,通过该命令不需配置就能快速构建 React 开发环境。 create-react-app 自动创建的项目是基于 Webpack + ES6 ,所
阅读全文