摘要: 1.React生命周期 这张图可以看到React生命周期的四大阶段 Initalization:初始化阶段 Mounting:挂载阶段 Updation:更新阶段 Unmounting:销毁阶段 2.什么是生命周期函数? 生命周期函数指在某一时刻组件会自动调用执行的函数 render()函数,就是一 阅读全文
posted @ 2020-06-29 23:20 GumpYan 阅读(213) 评论(0) 推荐(0) 编辑
摘要: 1.propTypes 父子组件传值都是需要进行校验的,用propTypes 父组件向子组件传值,则在子组件中引入 在类的外部进行校验 校验属性和类型 子组件XiaoItem.js 2.ref属性的使用 在计算ul下面有几个项的时候遇到的坑 可以将ul绑定属性 可以看到左边的是3项,但是右边打印出来 阅读全文
posted @ 2020-06-29 15:33 GumpYan 阅读(164) 评论(0) 推荐(0) 编辑
摘要: 1.单向数据流 父组件传递给子组件过去的,不能修改的,只能使用 Xiao.js XiaoItem.js 可以看到页面报错: 阅读全文
posted @ 2020-06-29 15:06 GumpYan 阅读(247) 评论(0) 推荐(0) 编辑
摘要: 1.Component组件拆分 将原来的列表拆分成一个子组件,形成父子组件(父组件:Xiao.js;子组件:XiaoItem.js) 拆分: Xiao.js中: XiaoItem.js中: 2.父子组件的传值 父组件向子组件传值,通过属性传值 如果我要删除一个元素,即子组件要向父组件传值 React 阅读全文
posted @ 2020-06-29 14:20 GumpYan 阅读(341) 评论(0) 推荐(0) 编辑
摘要: 1.在JSX中写注释 ctrl+/ 2.class陷阱 如果要使用样式,则应该是className 错误写法 正确写法: 3.对页面中html标签解析 4.加label与输入框input对应 要用htmlFor,为了与jsx中的for循环避开 阅读全文
posted @ 2020-06-29 11:22 GumpYan 阅读(278) 评论(0) 推荐(0) 编辑
摘要: 1.新建一个组件Xiao.js import React, {Component} from "react"; class Xiao extends Component { render() { return ( <div> <div><input /> <button>增加</button></d 阅读全文
posted @ 2020-06-29 10:23 GumpYan 阅读(448) 评论(0) 推荐(0) 编辑
摘要: 1.组件化开发-最基本的helloworld 项目结构 index.js import React from "react"; import ReactDOM from "react-dom"; import App from './App'; ReactDOM.render(<App />, do 阅读全文
posted @ 2020-06-29 09:44 GumpYan 阅读(222) 评论(0) 推荐(0) 编辑
摘要: 1.简介 2.node 安装 http://nodejs.cn/download/ 下载安装,一路next就可以了 安装完成后检测 这样就代表node安装完成 3.安装react官方脚手架工具 npm instsall -g create-react-app 用react脚手架创建一个项目目录 创建 阅读全文
posted @ 2020-06-29 06:45 GumpYan 阅读(236) 评论(0) 推荐(0) 编辑