![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React小白爬坑笔记
夏山南
这个作者很懒,什么都没留下…
展开
-
React小白爬坑笔记(五):组件拆分与代码重构
这里可以在以前的基础上进行组件的拆分,把listItem拆到另一个文件中去,所以主要涉及的就是父子组件通信的问题。 1.父组件给子组件传值 在父组件中调用子组件(需要import),并且通过content来传值: <div> <TodoItem content={item}/> </div> 做儿子的当然要配合一下: class TodoItem exten...原创 2020-03-12 22:14:17 · 155 阅读 · 0 评论 -
React小白爬坑笔记(四):来点儿css
在js里面嵌入css,怎么想都好奇怪啊… 1.public/下新建一个css文件,随便写点啥: 比如给input加个背景色: .input { background-color: antiquewhite; } 2.TodoList.js中导入,并且给input说明一下 (注意这里推荐用className而不是class,后者会警告,因为和外面的input标签重名了)。 import '...原创 2020-03-11 20:25:09 · 96 阅读 · 0 评论 -
React小白爬坑笔记(三)TodoList的简单功能
1.返回的html内容只能包含在一个大的标签中,可以用Fragment标签替代 import React, {Component, Fragment} from 'react'; function TodoList(){ return ( <Fragment> <div> <input/> <button>提交</button> <...原创 2020-03-11 17:00:58 · 126 阅读 · 0 评论 -
React爬坑笔记(二):一些基础概念
1.工程目录介绍 readme文件 这里是官方的一些介绍,可以全删了写自己的介绍~ (为什么要用pycharm,因为我懒…这里它好像有点不认识JS新版的语法,进去把Hint毙掉就好,凑合着用吧:) package.json 任何一个脚手架工具都有这个文件,说明这里是node的包文件,会有一些对项目的基本介绍,还有一些指令的介绍。 比如之前用过的start命令。不要去动它。 gitignore ...原创 2020-03-11 13:53:00 · 175 阅读 · 0 评论 -
React小白爬坑笔记(一):安装与环境配置
1. 标题安装包管理工具node.js 官网下载-运行-安装 结束之后打开cmd运行 node -v npm -v 均能成功显示就可以啦! 2.安装脚手架工具 这里用到是官方工具 create-react-app cmd运行 npm install -g create-react-app 这个还挺快的。 3.创建工程项目 切换到桌面目录,cmd运行 cd Desktop 创建工程...原创 2020-03-11 11:45:19 · 136 阅读 · 2 评论