随笔分类 - react
摘要：项目中遇到~引入写法时，启动项目报出找不到文件错误，一般是文件目录中有中文名称，改成英文就好
阅读全文
摘要：const list = [ { id: '1', name: '张三'， age: 25 }， { id: '2', name: '李四'， age: 26 }] 少查询,只要能在页面、或者状态树中获取到的，就不要去调用api查熟悉自己的上下文环境错误写法：if(data){ /* 好长一段代码
阅读全文
摘要：最近在做项目的时候遇到内网部署react + antd项目，遇到图标在都不显示，查了相关文档发现antd在引入一些样式中使用了http线上图标，找到后该成本地的iconfont即可 可以在打包后的.css文件中全局搜索https，或者在main.js中搜索页可找到： 替换为本地的路径（例如：../.
阅读全文
摘要：在项目中，会遇到相同的路由，可能需要使用相同的页面（容器组件），如果点不同的路由需要重新查询，但是发现没有重新进容器的渲染周期，代码如下： export default ({match}) => ( <Switch> <Route path={`${match.url}/med-library`}
阅读全文
摘要：在开发过程中，经常遇到组件数据无法更新，例如：当你用同一个表格展示不同数据的时候，当点击第5页后，再点击另外一份数据时发现还在第五页，并没有回到第一页。 怎么能让一个组件每次数据不一样时都重新加载呢，这样可以使用组件中的 key 值设置，给对应需要更新的组件设置一个 key 属性，key只要是唯一的
阅读全文
摘要：在最近写的react的项目中，在webpack中配置的“~”可以定位到根路径，但是知道在同事在windows中跑程序时，发现怎么都不识别这个路径，所有相关文件都could not find module。 发现问题是，项目是将整个目录，从D盘开始，一直到start.js，整个目录路径作为启动文件，整
阅读全文
摘要：最近在有网页打印需求，尝试了一下react的打印功能，遇到了不少的坑： 1.react本身有一些打印的组件，但都不好用，都是基于window.print()，但是window.print()如果直接打印的话，没有样式。处理直接当前网页的body设置为你要打印的区域，但是当你取消打印的时候你会发现整个
阅读全文
摘要：1.在百度语音中创建自己的项目，需要拿到APP_ID、API_KEY、SECRET_KEY。 2.loopback端提供接口服务，在./boot目录下新建root.js文件，编写不依赖模型的自定义接口服务，代码如下： 3.前端调用服务接口即可。 这样在浏览器中就能播放了。 百度语音node只支持在线
阅读全文
摘要：在使用第三方库时react-native-swiper，执行 在使用第三方库时react-native-swiper，执行 npm install react-native-swiper --save 再次运行react-native run-android时直接报Command run-Andro
阅读全文
摘要：第一步：生成秘钥库 keytool -genkey -v -keystore opsmart-android-release-key.keystore -alias opsmart-android -keyalg RSA -keysize 2048 -validity 10000 // 密匙库口令：
阅读全文
摘要：1.解压android-sdk_r24.3.4-windows.zip放到一个空间大的开发盘中 2.添加环境变量，路径时 ANDROID_HOME D:\Android\android-sdk-windows PATH %ANDROID_HOME%\tools %ANDROID_HOME%\plat
阅读全文
摘要：做项目的过程中，来回切换页面时，一直遇到Can only update a mounted or mounting component 这个问题，原因是当离开页面以后，组件已经被卸载，执行setState时无法找到渲染组件。 解决办法特别简单，在离开页面时的周期函数（componentWillUnm
阅读全文
摘要：之前的几篇博客是将flask 结合 antd本地化，但是这样使得antd无法按需加载(也不支持ES6的语法)，而且在写的过程中还需要把每个组件都用antd对象，这样的做法虽然是实现了antd的本地化，但是无法最大化的使用antd组件库，最好的方式就是官网上的组件代码直接拿过来用就行，今天所做的就是这
阅读全文
摘要：这两天在研究flask和antd，想把这俩个东西结合来使用，单独学antd的时候用的是dva来配置，但是发现这样与flask结合的话需要启动两个服务，作为flask只是作为数据的接口，并没用用到其强大的模板渲染功能，所以最后还是想能本地化antd，把它当做只是一个ui组件库来用的话可能就能实现了。下
阅读全文
摘要：一直想着能本地化antd的，不用npm以及dva那么复杂的配置环境来开发，并且本地化以后对以后链接flask的模板渲染机制也能很好的结合。下面是具体的实现方法： 1.将react的相关链接引入： 也可以用cdn的链接，我以及将react下到本地使用了，链接可能比较卡。 2.将antd引入，只需要下面
阅读全文
摘要：今天实现了antd作为前端展现，python flask作为后端的数据填充，完全两个独立的服务；过程中遇到ajax跨越请求问题，导致status一直等于0，原来是这么写的： 被解析为跨越访问了，这个时候需要在dva中添加代理才能访问，方法如下： 修改.roadhogrc文件: 添加完红色部分代码以后
阅读全文
摘要：今天折腾了半天，各种安装问题，最终还是装上了： 1.安装npm 2.升级npm 输入npm -v，即可看到当前npm的版本号，说明安装成功了。 3.安装用于安装nodejs的模块n 4.n模块安装指定版本的nodejs 输入命令node -v，可看node.js的安装版本。 下面就是跟着antd的官
阅读全文
浙公网安备 33010602011771号