mwh321的博客

组件三大核心属性1: state

组件的组合使用 1.功能界面的组件化编码流程（通用） 拆分组件: 拆分界面,抽取组件 实现静态组件: 使用组件实现静态页面效果 实现动态组件 ①动态显示初始化数据(数据类型 数据名称 保存在哪个组件?) ②交互(从绑定事件监听开始) 2.组件的组合使用-TodoList [小案例] 1.我们写一下小案例dome，更好的理解组件化开发 功能: 组件化实现此功能如下图所示 显示所有todo列表 输入文本, 点击按钮显示到列表的首位, 并清除输入的文本 2.分析 如图所示，我们先分为三大组件Hea

使用create-react-app创建react应用 1.react脚手架（简单快速的编写应用） xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目 ①包含了所有需要的配置（语法检查、jsx编译、devServer…） ②下载好了所有相关的依赖 ③可以直接运行一个简单效果 react提供了一个用于创建react项目的脚手架库: create-react-app 项目的整体技术架构为: react + webpack + es6 + eslint 使用脚手架开发的项目的特点: 模块化, 组

续上一节拓展一个知识点——高阶函数、函数柯里化 1.概念 高阶函数:如果一个函数符合下面2个规范中的任何一个，那该函数就是高阶函数。 ①.若A函数，接收的参数是一个函数，那么A就可以称之为高阶函数。 ②.若A函数，调用的返回值依然是一个函数，那么A就可以称之为高阶函数。 常见的高阶雨数有:Promise、setTimeout、arr.map()等等 函数的柯里化:通过函数调用继续返回函数的方式，实现多次接收参数最后统一处理的函数编码形式。 举一个小案例来理解一下函数的柯里化 2.案例更好的理解 如果按

收集表单数据 1.理解 包含表单的组件分类 a.受控组件 b.非受控组件【输入类的dom（如input框，单选多选框）,现用现取】 2.通过一个小案例更好的理解 需求: 定义一个包含表单的组件 输入用户名密码后, 点击登录提示输入信息 案例（非受控组件写法） 案例（受控组件写法） ...

组件三大核心属性2: props 1.理解 每个组件对象都会有props(properties的简写)属性 组件标签的所有属性都保存在props中 2.作用 1.通过标签属性从组件外向组件内传递变化的数据 2.注意: 组件内部不要修改props数据 更深一步了解 如图可发现，只要你传递标签属性，就会收集到props里面 props最基本的用法 如果信息特别多，上边就会显的繁琐，继续看后边 3.小案例 需求: 自定义用来显示一个人员信息的组件 1.姓名必须指定，且为字符串类型； 2.性别为字符串类型，

组件三大核心属性3: refs与事件处理