
React
iFence
微信公众号:大数据报文
展开
-
react解决引入antd以后样式不生效问题,以及自定义样式主题
在react项目中引入antd依赖以后发现样式没有生效。可能是引入了按需打包依赖导致的。但是实际项目中确实需要按需打包。所以我们必须解决这个问题# 安装antdnpm install antd# 下载这些是为了按需打包用的npm install react-app-rewired customize-cra babel-plugin-import解决按需打包过程中样式不生效问题方式一最简单的方式是在项目入口js,即index.js文件中引入下面一句话,但是不推荐,因为这样是全局引入,原创 2021-03-02 14:34:59 · 6982 阅读 · 0 评论 -
Springboot+React/Vue前端路由刷新,报404错误解决
前端路由可以跳转,但是如果在地址栏回车刷新这个路由会报404.究其原因是因为,浏览器把前端路由当做一个后端路由去后台请求,后台没有这个路由当然就会报错。知道原因了,我们只需要在启动类中设置当报404以后让它跳转回登录页面即可。(一般由于前端做了设置,登录以后不需要再登录,所以能够跳转到所需要的位置,所以在视觉上起到了刷新没有问题的效果)@Bean public WebServerFactoryCustomizer<ConfigurableWebServerFactory>.原创 2021-02-27 08:27:07 · 1304 阅读 · 0 评论 -
React 鼠标吸附效果
先上图我非常业余的前端,但是像做的小网站。导出查怎么实现这种吸附效果。终于查到了。上面效果需要用到一个库,官网传送门。里面有一些设置,所以更多设置我不说了,只说我用到的配置 。1. 引入需要的依赖import ReactCanvasNest from 'react-canvas-nest';2. 将需要的标签引入class App extends Component { render() { return ( <div原创 2021-01-16 21:41:54 · 422 阅读 · 0 评论 -
React 路由的简单使用
在我的上一篇文章搭建React空项目中已经介绍了如何安装路由相关依赖,这里不说了。直接开整。需求是这样的,写一个登录界面,一个主界面。登录界面点击登录以后跳转到主界面去。这其中的后台验证等逻辑就先不要了。只要点击立即跳转就可以。代码登录界面Loginimport './index.css'import React, {Component} from 'react'import { Form, Input, Button, Checkbox } from 'antd';export.原创 2021-01-04 21:46:59 · 204 阅读 · 0 评论 -
搭建react空项目
前言date:2020-12-25本身不是做前端的,但是偶尔也会自己做个小项目,相比vue更喜欢react。但是前端跟后端的用法差距有些大(可能是前端不够熟练吧),每次新建一个前端项目都要捣鼓好久。所以索性就记录一下步骤并搭建一个空项目。以后用的时候直接去github上拉就行了。项目地址:react_template‘在GitHub上上传了一个空项目。除了必要的脚手架以外还添加了如下依赖:antd,各种定义好的组件 axios, 处理异步请求 react-router-dom,处原创 2020-12-25 19:31:13 · 563 阅读 · 0 评论