随笔分类 - React
前端React技术开发
摘要：一、 import React, { Component } from 'react' import BraftEditor from 'braft-editor' import 'braft-editor/dist/index.css' export default class Main exte
阅读全文
摘要：一、基础环境搭建 dom路由引入 npm install react-router-dom --save-dev //这里可以使用cnpm代替npm命令 antd引入 antd npm install antd --save 二、引入ueditor 打开官网ueditor官网 https://git
阅读全文
摘要：一、编辑器 无序列表+有序列表有问题 // 导入React、react-markdown-editor-lite，以及一个你喜欢的Markdown渲染器 import * as React from 'react' // npm i markdown-it -S import MarkdownIt
阅读全文
摘要：一、安装组件 yarn add react-router-dom 如图 二、部署文件结构 index.js 是入口文件 在src新建route文件夹，创建index.js 内如下 import React, { Component } from "react"; import { HashRoute
阅读全文
摘要：注意:先安装扩展，在安装antd框架，否则会提示 一、安装扩展 1、组件 dva 查看项目依赖 原因是我全局安装，依赖为空， npm i dva 查看依赖 cli装global 当访问报错： Warning: Please use require("history").createHashHisto
阅读全文
摘要：前言： 在线使用Easy Mock可视化工具，可以提供快速生成“模拟数据”的持久化服务； Mock.js是一个JS插件，指定了一套规范，而Easy Mock工具就遵循这些规范。 一、Easy Mock的使用 1、官网地址：https://www.studyinghome.com/login 登录 注
阅读全文
摘要：一、组件通过ref传值 1、方式一 2、方式二 当配合withRouter，获取路由的属性（获取请求的url等参数的时候）报错： 二、Hook的用法 问题： 解决： 组件间通信除了props外还有onRef方法，不过React官方文档建议不要过度依赖ref。本文使用onRef语境为在表单录入时提取公
阅读全文
摘要：一、环境依赖版本 1、npm安装yarn npm install -g yarn 查看版本： yarn --version 安装axios npm install axios --save-dev 二、脚手架搭建以及在项目中引用antd插件 三、请求数据 代码如下： import React fro
阅读全文
摘要：一、React项目开发 1、直接使用 Staticfile CDN 的 React CDN 库 参考菜鸟教程 2、使用 create-react-app 快速构建 React 开发环境 $ cnpm install -g create-react-app $ create-react-app my-
阅读全文
