React
React各种笔记
.01
据说写博客有助于学习
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
富文本插件react-draft-wysiwyg使用
第一次用富文本插件 react-draft-wysiwyg draft-js draftjs-to-html html-to-draftjs 安装四个插件。 配合antd使用。 import React from 'react'; import {Button,Card,Modal} from 'antd'; import {Editor} from 'react-draft-wysiwy...原创 2020-03-19 14:51:17 · 634 阅读 · 0 评论 -
嵌套路由
<HashRouter> <App> <Route path="/login" component={Login}/> <Route path="/admin" render={()=> <Admin> <Route pa...原创 2020-03-18 13:26:02 · 169 阅读 · 0 评论 -
react中使用antd需要的配置,初步布局
npm i react-router-dom axios less-loader --save yarn eject//暴露配置 npm i babel-plugin-import -D options: { plugins: [ ['import', { libraryName: 'antd', style: true }], // import less ],...原创 2020-03-16 16:35:06 · 345 阅读 · 0 评论 -
iconfont的使用(搭配styled-components)
建议边看边操作。 此处以放大镜为例。 首页地址: iconfont.cn 进入首页,搜索框输入“放大镜” 选择你喜欢的图标,鼠标悬浮在图标上时,会有三个图标出现,点击第一个小车图标,加入库。 然后看到右上角购物车多了一个红点,且标为1,点击购物车图标,出现侧栏 点击添加至项目,可加入已有项目,也可新建项目(有一个带加号的文件夹图标就是新建项目),可以多挑几个一起加入项目 添加至项目之后,会直接...原创 2020-02-22 20:10:54 · 951 阅读 · 0 评论 -
redux入门和升级
React入门 Redux概念简述 react是一个轻量级的视图层框架 组件很多,经常共享数据,组件传值很麻烦 把组件中的数据放到公共存储数据区。 Redux = Reducer + Flux Redux的工作流程 Redux工作流 React Components 借书的用户 Action Creators “我要借XX书” Store 图书管理员 Reducers 借阅历史记录本 使用an...原创 2020-02-21 14:03:48 · 304 阅读 · 0 评论 -
react头部组件开发
styled-components css文件是全局引用的,一个组件中引用了,所有组件都可以用 建议用第三方组件管理css yarn add styled-components import { createGlobalStyle } from 'styled-components' export const injectGlobal = createGlobalStyle` body...原创 2020-02-21 13:43:15 · 817 阅读 · 0 评论 -
react项目相关文档网址
react https://reactjs.org/docs/getting-started.html redux https://redux.js.org/ react-redux https://react-redux.js.org/ redux-saga https://redux-saga.js.org/ redux-thunk https://github.com/reduxjs...原创 2020-02-21 13:19:20 · 272 阅读 · 0 评论 -
首页、详情和登录功能
学习过程中记录的笔记,比较简略 什么是路由,如何在React中使用路由功能 yarn add react-router-dom react router4.0 打开App.js import { BrowserRouter, Route } from 'react-router-dom'; function App() { return ( <Provider store = ...原创 2020-02-20 19:13:53 · 413 阅读 · 0 评论
分享