自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 简单的redux流程

在对于的文件引入 store import store from './store' 执行需要的操作 声明一个 action 声明一个type type数量过多,可以用一个文件引入,再暴露出来 用大写的基本都是常量 将 action 作为一个参传入store, store.dispatch(action) clickbtn() { const action = { ty...

2020-03-05 17:28:33 105

原创 简单的redux建立

在 src文件夹下面 建立一个文件夹 store仓库 在store里面建立一个index.js 的文件 引入 createStore是redux的一个方法 再声明一个变量为这个方法。 注明: 在react中,是js文件, .js可以简写。如果文件夹下面是 index.js 那么可以直接不写,默认是直接选择index.js文件。 import { createStore } from 'redu...

2020-03-04 17:42:47 90

原创 有关react简单的路由嵌套

一级页面 引入 import { BrowserRouter as Router, Route, Link } from 'react-router-dom' import bbb from './Pages/bbb' //二级页面 <Router> <li> <Link to='/bbb/'>跳转到二级页面</Link> </li>...

2020-02-27 21:59:36 191

原创 react-router有关精确匹配,重定向的两种方法

写的路由如果有加 exact 就表示精确匹配, 例如: 精确匹配下的 ‘/’ 加后缀是匹配不到的,只能有访问 ’/‘才能跳转 一般情况下首页是需要精确匹配的。 <Route path = '/' exact component={Index} /> 重定向的两种方法,引入Redirect 后 return ( 第二种,在 constructor 里面写 this.props...

2020-02-27 21:53:16 2607

原创 react传递类型判断

先引入’prop-types’ import PropTypes from 'prop-types'; 这个要写在class的外面,zizujian.propTypes 这里面的propTypes的首字母是小写,不是跟引入一样。这是一个方法 而 isRequired 是必须传递 func代表的是传递一个函数 zizujian.propTypes={ neirong: PropTypes.s...

2020-02-24 14:55:16 154

原创 react有关单项数据流和有关this的绑定位置

单项数据流是react的一个特性,父组件传递给子组件的的数据,子组件只能使用而不能改变,改变的话会报数据是只读文件。 如果子组件想要改变父组件的话 在父组件里面写一个函数方法,将方法传递给子组件,子组件通过方法去改变。 constructor(props) { super(props) this.handleClick = this.handleClick.bind(this) ...

2020-02-23 23:34:57 58

原创 react简单的父子之间的传值

在父组件的页面引入子组件 import Zizujian from './Zizujian' 将需要插入子组件的位置,放入子组件的标签,同时声明一个变量,例如:neirong render(){ return( <div> <Zizujian neirong={'父组件里面需要渲染的内容'} /> </div> ) } 在子组件的页面,通过props...

2020-02-23 17:00:25 82

原创 小白react基础内容页面demo记录

import React, { Component } from 'react'; class App extends Component{ render() { return ( <div> hello </div> ) } } export default App 先引入 react 通过ES6的解构...

2020-02-19 21:49:41 124

原创 快速搭建react项目

先全局安装 creact-react-app npm install -g creact-react-app 开始创建项目 demo是项目的名称,可以自己修改 create-react-app demo 项目搭建好了,直接 cd demo 就可以看到你的react项目了 ...

2020-02-18 17:55:01 89

原创 前端

<span>前端</span>

2019-06-18 10:12:19 70

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除