
React
hcq29
29的前端之路
展开
-
【React】在React中添加的a标签经过HBuilder打包成App后跳转路径错误
文章目录运用场景解决运用场景开发完一个React项目后,我们需要将整个项目通过yarn build打包一下,然后有可能还会出现空白的情况,那就是需要注意将BrowserRouter更换成HashRouter,还要将package.json文件中加入规则: "homepage": ".",区别就是路径后面会多出一个比较丑的#号,那就需要通过其他方法配置,网上都要挺多讲解的,这里就不提了咱们不嫌弃它很丑,我们就用HashRouter,通过打包后,我们会发现,每个a标签神奇的跳转到了硬盘的根目录,然原创 2021-03-29 01:18:31 · 626 阅读 · 0 评论 -
【React】在React使用socket.io-client出现连接失败的情况
文章目录使用场景代码实现使用场景当我们需要实时通信的时候,我们就可以使用到到WebSocket,不过我们已经有了npm生态链,可以直接安装socket.io-client这个模块,对应的服务端使用socket.io模块。下载安装:// 前端npm install socket.io-client// 或yarn add socket.io-client// 后台npm install socket.io我们在开发项目的时候,可能会用到跨域功能,相应地配置了setupProxy.js原创 2021-03-29 00:57:57 · 2448 阅读 · 0 评论 -
【React】React Hook “Form.useForm“ cannot be called in a class component. React Hooks must be called
文章目录应用场景解决应用场景class声明的组件中使用resetFields来让表单重置,在这之前如果通过Form.useForm对表单数据域进行交互,报以下错误:当我使用到函数组件时,我可以通过一下去定义state值,我们可以通过Form.useForm对表单数据域进行交互,如:setFieldsValue()、getFieldValue()、validateFields()、resetFields()等。// [变量,操作方法] = React Hooks(值)const [visible,原创 2020-12-03 13:49:14 · 7190 阅读 · 0 评论 -
【React】为img标签的src请求添加自定义头部,添加token,实现前端带身份向后端请求图片
目录应用场景尝试解决一:尝试解决二:总结:应用场景问题:前端写入指定的img标签和src属性,请求不了后端图片。原因:401,UnauthorizedError,因为前端中的src属于普通的get请求,不带自定义header,而后端有对每个请求都进行身份验证,最终返回{ status: 1, msg: "TOKEN ERROR"}前端请求头中找不到Authorization: Bearer token....那请求的接口都有对axios进行拦截,但是img标签的src不经原创 2020-12-03 13:37:07 · 11272 阅读 · 5 评论