- 博客(24)
- 收藏
- 关注
原创 从零开始react项目06
login组件在pages文件夹中新建一个login文件夹,然后是熟悉的index.js style.js store文件夹import React, { PureComponent } from "react";// import { actionCreator } from "./store";import { connect } from "react-redux";import { LoginWrapper} from "./style";class Login extends
2022-05-12 10:36:00
97
原创 从零开始react项目05
点击listItem跳转到详情页面页面跳转,很自然想到用a标签,如下: {list.map((item,index) => { return ( <a key={index} href="./detail"> <ListItem > <img className="pic" src={item.get("imgUrl") }></img>
2022-05-09 16:36:34
252
原创 从零开始React项目04
首页的制作引入路由组件依赖:react-router-dom由于版本问题,暂不考虑使用最新版@6的版本npm i react-router-dom@5src/App.jsimport { BrowserRouter, Route } from "react-router-dom";class App extends Component { render() { return ( <Provider store={store}> ...
2022-05-09 14:40:14
282
原创 从零开始项目02
使用iconfont.cn输入网址,创建账号,资源管理,我的项目,创建项目OK寻找想要的icon图标,然后加入购物车最后打开购物车,添加至项目,选中,确定。跳转到项目,下载到本地解压,其中的HTML文件是说明文件打开工程目录的src文件下的statics,新建文件夹命名为iconfont解压缩的文件中删除demo.js/css/html,保留iconfont相关文件,剪切到statics下的iconfont中五个文件分别为eto,ttf,woff,icon.css,svg,第一次下载的时
2022-05-01 14:31:39
129
原创 从零开始项目01
从零开始项目01styled-componentsstyled-components是个CSS样式相关插件,允许我们用js文件来写CSS
2022-04-30 20:26:16
62
原创 从零开始react--02(redux)
redux的继续完善actionType文件的创建在函数中的action的type:"字符串"如果写错,并不会报错且不易察觉actionType旨在使action的名字分离出来store中创建actionType.js文件export const CHANGE_INPUT_VALUE = "change_input_value";export const ADD_TODO_ITEM = "add_todo_item";export const DELETE_TODO_ITEM = "d
2022-04-24 14:20:33
1166
原创 从零开始学React(上)
从零开始一个前端项目安装部分(如果未安装create-react-app)npm install -g create-react-app在对应文件夹下create-react-app 文件名创建对应的项目失败大多因为powershell权限问题,百度搜索,易于解决脚手架文件夹浅析一个App.js文件其实就是一个组件(HTML+CSS+JS),在App.js中(注意,jsx语法中,组件首字母必须大写)这个App.js也可以重命名,比如Todolist.js,如果修改,要记得修改本文件中的c
2022-04-10 11:31:31
855
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人