Hero_rong的博客

利用html2canvas截图，html2canvas官方http://html2canvas.hertzen.com/1.先导出直接上代码downloadPdf = async (refs,name)=>{ //导出字体样式失效问题 refs.style.fontVariant = 'small-caps!important'; //设置导出样式 this.setStyle(refs); //refs为dom节点，name为图片名称 co

这是表格的基本使用<Table dataSource={dataSource} columns={columns} />;修改表头的样式.ant-table-thead>tr>th { color: #fff; background: red;}修改列表的样式.ant-table-tbody>tr>td { color: #fff; background-color: red;}修改列表行hover

解构解不好坑人，今天看到一个同事的代码是这么写的（为什么会看她的代码呢，因为我接了她的需求o(╥﹏╥)o）const {ret,data:{documentId}} = await service.save(params)//请求一个方法，拿到里面的返回值，并解构if(ret === 0){ //此处是判断的方法，但是死活不走这里}返回的数据也是有的，ret 也确实是等于 0 的，最后搞得我面向微信群编程，有个大佬，提醒了我一句，是不是根本就没有数据，然后再次看了一眼数据，发现，数据

react跳转页面的话，可以用 Link 也可以用 a 标签，但是这两种比较固定，如果想在跳转的时候添加一些方法就很不方便，所以我们最好是写在 onClick 事件里面<Button onClick={()=>{jumpTo()}}></Button>const jumpTo = ()=> { const w = window.open('_black') //这里是打开新窗口 let url = '这里是url，可以写../../index，

react-rnd是react一个拖拽的组件本篇文章是以官方文档为基础整理出来的https://www.npmjs.com/package/react-rnd首先，这个控件默认是显示在左上角的，但是我这里的需求是要显示在右下角，研究了一下它的属性和方法，所有有了这篇文章1.靠右显示<Rnd default={{ x: 40, y: 40, width: 200, height: 200 }} m

1.下载组件npm install react-rnd如果内网开发，组件下不下来，请移步手动添加react-rnd2.下好之后直接引用就好，方便的很important { Rnd } from "react-rnd"<Rnd default={{ x: 40, y: 40, width: 200, height: 200 }} minWidth:{200} minHeight:.

react 用内网开发，下一个 react-rnd 的拖拽控件，怎么也下不下来，不知道是为什么，但是在新建的文件夹里 npm install react-rnd 是没问题的，开发时间宝贵，所以，就直接把新文件夹里的node_modules直接复制过去了， important { Rnd } from "react-rnd" 之后开始报错，反复核对之后发现，单独复制个文件是不行的，还需要修改两个文件1. package.json这里简单一句，就好， "react-rnd": "^10.1.3".

依赖没有装全，单独装一个 react-app-rewired就好了npm install react-app-rewired

项目用的是hook，所以像是无状态中的this.props就可以打印出来地址，这里是不行的，也没有生命周期了，所以在componentDidMount()中获取也是不行的，还有一种方法（暂时没想起来，等下想起来补上），但是react现在已经废弃了，使用会直接报错，所以也不行，历经千辛万苦终于找到了下面的方法import { useLocation } from "react-router-dom"function LookLocation(props) { const hash = useL

vscode在设置中设置一下就好

第一次使用这个，大概看了下文档，应该是和vue 的 vuex差不多的东西，然后使用的时候报错，意思就是装饰器不可用，然后开始找方法，试了很多种，不知道到底是哪个生效了，但还是记录一下。第一步，先安装npm install mobx --savenpm install mobx-react --save还是报错，疯狂百度，不得已使用了 npm run eject ，这个命令会复制所有的依赖文件和相应的依赖（webpack，babel等）到你的项目。这是个单向操作，且不可逆。npm

如图，需求是，用hook 实现点击 add+ 按钮，就添加下面的子组件，点击删除的时候，就删除对应的子组件思路：1.父组件传值到子组件，直接父组件用 props 传参，子组件用 props 接受就可以了，我这里用的name，也可以换成 bannar{ list.map((good, index) => <Item key={index} name={good.name} filterHandle={filterHandle} /> )...

小问题，就是循环没有加key解决方法，加上key就可以了