1. 在 src 下 创建 common 文件下 创建 header 文件夹下 创建 index.js #src/common/header/index.js import React, {Component} from 'react'; import {     HeaderWrapper,     Logo,     Nav,     NavItem,     NavSearch,     Addtion,     Button } from './style'; class Header…

1. 访问 iconfont 并注册 登陆 2. 进入 iconfont 头部 图标管理->我的项目 3. 点击右边的文件夹 + 号 图标 创建我的项目 输入项目名称即可 4.在 搜索框 搜索 '放大镜' 三个字 5.找到合适的图标 点击添加入库 6.点击右上角的购物车 -> 添加到项目 选择 项目 7.点击下载到本地 并解压 8. 将解压后的文件 放到 src 下的 statics 下的 iconfont 文件夹内 9. 删除原有的 iconfont.js 将文件夹内的 iconfont.c…

详见文章<React简书开发实战课程笔记>…

1. 添加动态效果组件 yarn add react-transition-group 2. 修改 src/common/header/index.js import React, {Component} from 'react'; import {CSSTransition} from 'react-transition-group'; import { HeaderWrapper, Logo, Nav, NavItem, SearchWrapper, NavSearch, Addtion,…

create-react-app   jianshu yarn add styled-components -D       利用js写css样式  样式会更高效 https://github.com/chochinlu/blog/issues/126 https://blog.csdn.net/weixin_43801564/article/details/86713318     关于全局样式  原方法淘汰替代的语法 -:)>>>>>为样式生成唯一的 class name…

1. 创建 react 项目 npx create-react-app my-app 2. src 目录下删除 除了 index.js index.css app.js 的文件 3. 引入 styled-components 样式组件 yarn add styled-components 4. 修改 index.css 改名为 style.js 并书写 style.js 写入 reset.css #style.js import { createGlobalStyle } from 'style…

开发项目之前的准备 https://www.chromefor.com/  登录此网站 下载相关crx react插件 不然要FQ 下载 React Developer Tools 谷歌插件下载 Redux DevTools 插件 npm install axios  // 安装axios npm install --save styled-components  安装 css.js npm install react-transition-group --save 安装动画插件 npm ins…

1. src 下的 common 下的 header 创建 store 文件夹 下创建 reducer.js # src/common/header/store/reducer.js const stateDefault = { focused : false }; export default (state = stateDefault, action)=>{ if(action.type === 'focus' || action.type === 'blur'){ const newSta…

1.. 建立git项目  ( 码云, github 都可以 ), 具体步骤: https://www.cnblogs.com/andy-lehhaxm/p/10720717.html 1.1  git 和  项目 关联:  git   remote   add  origin   gti@gitee.com/CMCC_10086/reactJianShu.git  ( git  remote add  origin  单词顺序不能错 ) 1.2  再 git  add  . --> git  c…

吐槽 博客园cnblogs作为老牌的IT技术博客类网站,为广大的开发者提供了非常不错的学习交流平台. 虽然博客内容才是重点,但是如果有赏心悦目的页面不更好吗! cnblogs可以更换博客模板,并且提供了custom模板供开发者自行定制. 但是看看模板库里的模板,截止目前118套模板中,98套是2010年以前的(/手动笑哭),全都是小学时网站的风格,无一不透露着程序员就是钢铁直男的强烈暗示.然后10年有4款,12年有7款,13年4款,15年4款,风格都并没有好转. 每次在cnblogs看博客查资料…