React
UzumakiHan
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
react路由点击跳转传参
//传参this.props.history.push('/blogdetail', item)}//在跳转后的页面获取参数 console,log(this.props.location.state)原创 2020-12-11 14:51:21 · 284 阅读 · 0 评论 -
axios+promise封装请求以及使用
import axios from 'axios';/*能发送 ajax 请求的函数模块包装 axios函数的返回值是 promise 对象axios.get()/post()返回的就是 promise 对象返回自己创建的 promise 对象:统一处理请求异常异步返回结果数据, 而不是包含结果数据的 response*/export default function ajax(url, data={},method='GET'){ return new Promise((reso原创 2020-11-26 10:42:31 · 925 阅读 · 0 评论 -
react redux-thunk实现网络请求的三种方式
首次定义三种状态常量constants/index.jsexport const FETCH_USER_SUCCESS = 'FETCH_USER_SUCCESS'//成功export const FETCH_USER_REQUEST = 'FETCH_USER_REQUEST'//等待export const FETCH_USER_FAILURE = 'FETCH_USER_FAILUR...原创 2020-02-04 15:13:58 · 490 阅读 · 0 评论 -
react-router-dom
需求:用NavLink是实现导航显示相对应的路由组件,在严格模式下,点击goNews回到news页面,点击回到Demo页面回到Demo页面页面组件Nav.jsximport React from 'react';import {HashRouter as Router,NavLink} from 'react-router-dom';import './../css/style.css...原创 2020-02-04 15:13:53 · 256 阅读 · 0 评论 -
react-redux使用
需求:单击按钮实现数字的加减App.jsximport React, { Component } from 'react'import { Button } from 'antd';import {connect} from 'react-redux'import * as counterActions from './reduxDemo/actions/counter.js'imp...原创 2020-02-04 15:13:42 · 173 阅读 · 0 评论 -
react 实现简单的todolist功能
需求:利用react组件化实现todolist的功能首先要理解父子组件的传值方式,父组件通过属性在自组件绑定值或者方法,然后子组件利用this.props.属性名获取父组件传来的方法或者属性值。首先在父组件中实现输入框和提交按钮<div className="todolist"> <div className='todolisttop'&g...原创 2020-01-22 17:27:02 · 528 阅读 · 0 评论
分享