React中实现PDF的在线预览功能

最近项目中遇到了PDF预览的需求，客户要求可以在线查看PDF文件内容，不想下载下来再打开，踩了一些坑，做一个总结。

继续阅读

Ant Design实现表格行置顶功能

最近遇到客户一个需求，在之前的《Ant Design中实现表格的滚动加载》中基础上，用户滚动表格的时候，需要将特定的行置顶，比如合计这一行。这种在excel上显而易见的操作的方式，基于ant design的Table组件实现起来还有点麻烦，本文记录一下解决问题的过程，以供参考。

继续阅读

React项目中引入F2可视化组件库

之前在React项目上开发一直使用的是有ECharts，最近接到了移动端可视化的需求，本来想直接复用ECharts的，但网上搜了一下发现移动端使用ECharts有点重，所以就找了一下移动端我解决方案，最终选择了F2。

但是F2的文档写得有点…和实际使用不太一样，本文做一个小总结。

继续阅读

React Jsonschema Form使用小记

最近老大让我看一下能不能用JSON生成表单，这样每次开发就不用发版了，直接在远程配置JSON就可以生成一个新的表单了。

大约搜索了一下，找到了基于React的 react-jsonschema-form方案。

继续阅读

使用VSCode的Snippets功能实现快速模板化输入

最近使用React+Ant Design进行一个网站开发，这个客户的网站有个特点，按钮特别的多。Ant Design 的 Type 有很多种，如下： primary | ghost | dashed | link | text | default 这几个Type分别对应了不同的Button样式和状态，每次遇这种情况都要去找Antd的API查看，有点低效，于是想找一种快捷的方式，大约看了一下VScode的Snippets里带了Choice这种功能，正好满足我的需求。 先添加一个Snippet 自定义snippet的方法可以参考：官网 下面是我自定义的： "Button": { "prefix": "bt", "body": [ "<Button type=\"${1|primary,ghost,dashed,link,text,default|}\">primary</Button>" ], "description": "Ant Design Button" } 使用效果 在.jsx文件中输入bt，就会出现如下的场景。 是不是方便多了~

Xcode 升级 React Native Unknown argument type '__attribute__' in method 解决方案

最近MacOS系统更新，顺便把XCode的版本也进行了升级，但升级之后出现了错误： [RCTModuleMethod.mm:376] Unknown argument type '__attribute__' in method -[RCTLinkingManager getInitialURL:reject:]. Extend RCTConvert to support this type. 解决方案 参考这个issue：https://github.com/facebook/react-native/issues/25138 解决见这个PR：https://github.com/facebook/react-native/pull/25146 在 React/Base/RCTModuleMethod.mm 中的 RCTParseUnused 方法添加一行代码 static BOOL RCTParseUnused(const char **input) { return RCTReadString(input, "__attribute__((unused))") || RCTReadString(input, "__attribute__((__unused__))") || RCTReadString(input, "__unused"); }