React全家桶+AntD框架开发共享单车后台管理系统-
依米_
这个作者很懒,什么都没留下…
展开
-
react全家桶 后台单车 百度地图的实现
1,申请ak2,在html里引入<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=71IBXUNGbE3nmfHsWqT1fGmZQfVNGBEC"></script>3.ajax数据请求,4,//地图初始化renderMap = (result)=...原创 2018-11-08 20:36:49 · 288 阅读 · 0 评论 -
antd notice提醒框 ---Message
import React from 'react'import { Card, Button, notification } from 'antd'import './ui.less'export default class Buttons extends React.Component {type是传的参数,direction定义方位openNotification =...原创 2018-11-05 19:08:22 · 9067 阅读 · 0 评论 -
单车项目总结
原创 2018-11-10 22:46:52 · 461 阅读 · 0 评论 -
在项目中集成redux
行为业务处理模块数据存储模块这三块相互依赖,集成redux.把store里的文件重命名一下。在项目的iondex.js里添加上这些配置 如何动态给左侧导航添加选中状态: hash带# 号,如何去掉呢 定义点击事件 如何更改面包屑呢...原创 2018-11-10 22:30:52 · 295 阅读 · 0 评论 -
富文本编辑器的实现
react-draft-wysiwyg是文本编辑器的插件draftjs-to-html是把文本变成HTML的插件引入的东西到npm去看这时编辑器已经显示出来了。下面实现清空内容和获取html文本实现清空内容获取html文本引入modalimport React from 'react'import {Button,Card,M...原创 2018-11-10 11:56:04 · 1200 阅读 · 0 评论 -
react单车项目,echart图的使用
import React from 'react'import { Card } from 'antd'import ReactEcharts from 'echarts-for-react';import echartTheme from '../echartTheme'// import echarts from 'echarts'// 引入 ECharts...原创 2018-11-10 11:04:40 · 458 阅读 · 0 评论 -
ant组件---spin
import React from 'react'import { Card, Button, Spin, Icon, Alert} from 'antd'import './ui.less'export default class Loadings extends React.Component{ render(){ const icon = &...原创 2018-11-04 22:55:20 · 8755 阅读 · 0 评论 -
React Router4.0
https://reacttraining.com/react-router/web/guides/quick-start提供 React Router4.0 路由的练习一1.React Router4.0 基本概念介绍4.0版本已不需要路由配置,一切皆组件react-router:基础路由包提供了一些router的核心api,包括Router,Route,Switch等re...原创 2018-11-04 16:01:40 · 1314 阅读 · 0 评论 -
This git repository has untracked files or uncommitted changes:
要暴露出配置文件,运行 yarn run eject时报错,This git repository has untracked files or uncommitted changes:要上传 到git 命名输入git add .然后git commit -am "Save before ejecting"再执行,就不会出错了...原创 2018-11-03 16:38:10 · 5305 阅读 · 0 评论 -
react生命周期
前言学习React,生命周期很重要,我们了解完生命周期的各个组件,对写高性能组件会有很大的帮助.Ract生命周期React 生命周期分为三种状态 1. 初始化 2.更新 3.销毁初始化1、getDefaultProps()设置默认的props,也可以用dufaultProps设置组件的默认属性.2、getInitialState()在使用es6的class语...转载 2018-10-11 17:48:21 · 145 阅读 · 0 评论 -
react 脚手架 ------create-react-app初始化项目 --yarn 使用
距离上一次提及React的内容差不多也快1年多了,然后这一年里平胸而论觉得进步不多,然后最近因为业务需要然后都在做一些前端的工作。然后以前都是从npm init一路自己撸到配置package.json到写scripts那些,现在脚手架一行撸穿,还是感叹懒人的世界6666老规矩开篇前先案例:https://github.com/ddwhan0123/Useful-Open-Source-And...原创 2018-11-03 11:10:48 · 16333 阅读 · 2 评论 -
react 介绍
兄弟关系传值要用到vuex或者Redux React基础知识React虚拟dom概念, 这是React性能高效的核心算法开源算法简单示例官方解释React组件,理解什么叫做组件化组件是React的一个主要特性组件对于模块化开发的重要性组件的return函数返回的HTML结点必须是一个可以给外部使用的组件定义:export default class Compo...原创 2018-11-03 10:50:31 · 203 阅读 · 0 评论 -
共享单车项目工程化概念
原创 2018-11-08 20:48:46 · 879 阅读 · 0 评论