可以react项目中执行以下命令安装bootstrapnpm install bootstrap@3 --save使用
原创 2020-06-29 21:41:41
217阅读
前言 用 Typescript 写 react 可比写 vue 舒服太多了,react 对 ts 的支持可谓天生搭档,如果要用 ts 重构项目,不像 vue 对项目破坏性极大,React 可以相对轻松的实现重构。 顺便一提:全局安装的 create-react-app 现已无法再下载完整的 Reac
转载 2020-10-16 13:28:00
198阅读
2评论
1.先安装echart npm install echarts --save 2.main.js中导入 import * as echarts from 'echarts' Vue.prototype.$echarts = echarts; 3.父页面中引用子页面(例如) 4.新建组件页面,父 ...
转载 2021-10-28 10:38:00
221阅读
2评论
修复遗留问题webpack.prod.config.js中缺少了对path库的引用,执行构建npm run build:prod的时候失败。文件开始的地方引入node.js的path库就可以了。package.json里面定义了一个build:dev的脚本,这个脚本其实有点多余,不过有时候需要打包测试版本的文件,所以还是需要存在。主要有个问题是webpack.dev.config.js中outp
原创 2017-06-29 09:52:39
727阅读
可以react项目中执行以下命令安装bootstrapnpm install bootstrap@3 --save使用的时候,直接在index.js文件导入即可import 'bootstrap/dist/css/bootstrap.min.css';import 'bootstrap/dist/js/bootstrap';
原创 2020-06-29 21:41:41
857阅读
 参考视频教程资料:   React+TypeScript高仿AntDesign开发企业级UI组件库 : (http://www.notescloud.top/goods/detail/1208)<http://www.notescloud.top/goods/detail/1208  React服务器渲染原理解析与实
it
转载 2021-08-16 14:56:28
412阅读
刚开始使用react, 发现react的cssmodule不是很好用, 每次都需要 import style from './index.module.scss' import cls from 'classnames' ... <div className={style.xxx}></div> . ...
转载 2021-07-14 18:24:00
1128阅读
2评论
在这篇文章中,我们将探讨 JWT 身份校验与 ReactReact-router 的无缝集成。 我们还将学习如何处理公共路由、受校验保护路由,以及如何利用 axios 库通过身份验证令牌(token)发出 API 请求。创建一个 React 项目使用下方的指令会为我们创建一个项目$ npm create vite@latest react-jwt-cn然后我们选择 react&nb
原创 精选 5月前
228阅读
前言       对于图例展示,大家有很多不同的用法。同时android也有很多开源图表库(但是很多库都没有维护了),也可以自定义。本文将记录一下如何桥接echarts,作为“源头活水”的echarts使用简单,深受前后端开发者的喜爱。1.向Echarts扔什么数据?1.1各种各样的图例,都有相通的数据块,Echarts主要使用是Json数据格式,主要两大部
该方案使用场景:html页面中使用react,主js文件index.js和其它非react功能使用js模块化的方式开发,适合轻量级中小型应用 index.html代码: 引入reactreact-dom、babel、moment、antd等 <!DOCTYPE html> <html lang=
原创 2022-04-30 14:11:50
1190阅读
开发中遇到一个需求:Vue项目中使用已经开发好的React组件。这里选择了使用vuera库来
原创 2022-07-12 21:09:49
4549阅读
React中使用react-router-dom路由前言使用React构建的单页面应用,要想实现页面间的跳转,首先想到的就是使用路由。React中,常用的有两个包可以实现这个需求,那就是react-router和react-router-dom。本文主要针对react-router-dom进行说明。一、安装react-router-dom首先进入项目目录,使用npm安装react-ro...
原创 2021-06-21 18:13:35
1775阅读
之前的 React-Redux-优化 文章当中说明了一个问题需要解决,本文主要介绍的就是这个问题的解决方案; store、action、reducer 代码都写在一个文件中,不利于维护 这个问题呢,可以项目工程当中新建一个 store 文件夹,该文件夹当中分别创建 action.js,con
原创 2022-05-23 02:15:00
91阅读
react webpack环境下使用echart
原创 2019-07-17 15:42:49
738阅读
Font Awesome  是什么Font Awesome是一套完美的图标字体库,它提供可缩放的矢量图标,您可以使用CSS所提供的所有特性对它们进行更改,包括:大小、颜色、阴影或者其它任何支持的效果。Font Awesome是一个开源项目,当前版本为5.14,即将推出第6版本。现共提供1598个免费图标和7848个收费图标。React中使用Font Awesomefontawesome官网以及gi
原创 2021-05-18 13:16:03
2267阅读
我什么时候应该使用 Refs ? 我们建议以下情况下使用 refs: 与第三方 DOM 库集成 触发命令式动画 管理焦点,文本选
转载 2020-12-14 12:46:00
677阅读
2评论
前言 目标 掌握如何创建TS项目 TS配置文件tsconfig.json 了解React中的常用类型 graph LR A[项目使用TS] --> B[1 使用CRA创建支持TS的项目] A --> C[2 TS配置文件tsconfig.json] A --> D[3 React中的常用类型] 一 使用CRA创建支持TS的项目 1.创建项目并启动 (1)全局安装 n
TS
原创 精选 1月前
192阅读
通过例子来了解
转载 2022-10-13 14:56:41
96阅读
使用 React 时,我们的默认思维方式应该是 不会强制修改 DOM ,而是通过传入 props 重新渲染组件。但是,有些情况却无法避免修改 DOM 。
转载 2022-10-13 15:48:21
104阅读
方法一:echarts-for-react 是一个非常简单的针对于 React 的 Echarts 封装插件。和使用所有其他插件一样,首先,我们需要 install 它:第一步:npminstall --save echarts(依赖)npminstall --save echarts-for-react第二步:我们的项目中导入:importReactEcharts from 'echa
原创 2018-01-30 09:39:37
10000+阅读
  • 1
  • 2
  • 3
  • 4
  • 5