react学习笔记
文章平均质量分 52
mafang_520
这个作者很懒,什么都没留下…
展开
-
redux的分离一
文章目录前言一、使用步骤1. 目录结构如下:2.页面调用2.1view/Header.js2.2view/Content.js2.3view/Footer.js总结 前言 提示:Reduce的使用参考上一篇博文:redux初识 一、使用步骤 1. 目录结构如下: 1.1action/index.js 代码如下(示例): let actionType = { ADDNUM:"ADDNUM", REDUCERNUM:"REDUCERNUM", } export default act.原创 2021-01-23 16:32:13 · 89 阅读 · 0 评论 -
redux初识
文章目录前言一、redux是什么?二、使用步骤1.下载引入redux2.使用总结 前言 一、redux是什么? 具体参考redux入门教程 二、使用步骤 1.下载引入redux npm install redux 2.使用 实现在Content.js页面点击按钮,Header.js页面的数据会更新。 在src下面新建一个store/index.js,做全局的数据管理。 代码如下(示例): import {createStore} from 'redux'; let numRedux = (原创 2021-01-23 14:22:18 · 92 阅读 · 1 评论 -
搭建第一个React项目
npx create-react-app myapp 1.创建项目之后,把 src目录删掉,然后自己新建一个src目录,在src的根目录里面创建index.js和App.js。 2.在src 目录里面新建一个 view文件夹用来存放页面,router文件夹用来配置路由。 3.在router文件夹中新建一个index.js配置路由,以下是代码: import React, { Component } from 'react' import {HashRouter as Router,Route,S.原创 2021-01-22 21:06:13 · 112 阅读 · 0 评论