![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
前端嘉嘉
这个作者很懒,什么都没留下…
展开
-
react + react-router 实现 header 组件登录退出功能
这里是以简书的头部组件为例,这里使用了 styled-components 来编写样式,需要安装 styled-componentsnpm i styled-components --saveheader.jsimport React from 'react'import {Link} from 'react-router-dom'import {connect} from 'react-redux'import {GlobalStyle} from './../../statics/ico原创 2020-08-10 13:49:38 · 1174 阅读 · 0 评论 -
react-redux配合immutable的基本使用
首先需要安装 redux 和 react-redux 还有 immutablenpm i redux react-redux immutable --save创建 createStore,这里使用了 redux-thunk 处理 ajax请求,composeEnhancers 是配置页面中的redux插件的显示,借助 applyMiddleware 进行 redux-thunk 与 插件配置整合,具体的用法可以看这里https://github.com/zalmoxisus/redux-devto.原创 2020-08-08 10:10:33 · 405 阅读 · 0 评论 -
使用react-redux打造一个TodoList应用
首先需要安装react-redux,npm i react-redux --saveindex.js,导入 Provider,将创建好的 store 绑定到 Provider 中import React from 'react';import ReactDOM from 'react-dom';import {Provider} from 'react-redux'import TodoList from './react-reduxTodoList'import store from './r原创 2020-08-05 16:48:22 · 173 阅读 · 0 评论 -
redux使用axios请求数据的几种方式
首先先安装redux cnpm i redux --save,然后开始构建reduxactionTypes.js,此文件用于使用常量的方式存储action的type类型export const CHANGE_INPUT_VALUE = 'change_input_value'export const ADD_TODO_ITEM = 'add_todo_item'export const DELETE_TODO_ITEM = 'delete_todo_item'export const INIT_L原创 2020-08-05 12:34:26 · 1383 阅读 · 0 评论