
React
UzumakiHan
这个作者很懒,什么都没留下…
展开
-
react路由点击跳转传参
//传参 this.props.history.push('/blogdetail', item)} //在跳转后的页面获取参数 console,log(this.props.location.state)原创 2020-12-11 14:51:21 · 259 阅读 · 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 · 885 阅读 · 0 评论 -
react redux-thunk实现网络请求的三种方式
首次定义三种状态常量 constants/index.js export 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 · 452 阅读 · 0 评论 -
react-router-dom
需求:用NavLink是实现导航显示相对应的路由组件,在严格模式下,点击goNews回到news页面,点击回到Demo页面回到Demo页面 页面组件 Nav.jsx import React from 'react'; import {HashRouter as Router,NavLink} from 'react-router-dom'; import './../css/style.css...原创 2020-02-04 15:13:53 · 224 阅读 · 0 评论 -
react-redux使用
需求:单击按钮实现数字的加减 App.jsx import 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 · 147 阅读 · 0 评论 -
react 实现简单的todolist功能
需求:利用react组件化实现todolist的功能 首先要理解父子组件的传值方式,父组件通过属性在自组件绑定值或者方法,然后子组件利用this.props.属性名获取父组件传来的方法或者属性值。 首先在父组件中实现输入框和提交按钮 <div className="todolist"> <div className='todolisttop'&g...原创 2020-01-22 17:27:02 · 489 阅读 · 0 评论