摘要：
使用一个事件处理程序同时处理多个表单元素 多表单元素优化步骤： 1. 给表单元素添加name属性，名称与state相同 2. 根据表单元素的类型获取对应的值 3. 在change事件处理程序中通过[name]来修改对应的state //1. 导入react import React from 're 阅读全文
posted @ 2021-11-08 15:08
wslfw
阅读(73)
评论(0)
推荐(0)
摘要：
1.受控组件 HTML中的表单元素是可输入的，也就是有自己的可变状态 而，React中可变状态通常保存在state中，并且只能通过setState()方法来修改 React将state与表单元素值value绑定到一起，由state的值来控制表单元素的值 受控组件：其值受到React控制的表单元素 步 阅读全文
posted @ 2021-11-08 14:52
wslfw
阅读(144)
评论(0)
推荐(0)
摘要：
将逻辑抽离到单独的方法中，保证JSX结构清晰 事件绑定this指向 1.箭头函数 利用箭头函数自身不绑定this的特点 //1. 导入react import React from 'react'; import ReactDOM from 'react-dom'; /* 从JSX中抽离事件处理程序 阅读全文
posted @ 2021-11-08 11:24
wslfw
阅读(44)
评论(0)
推荐(0)
摘要：
1.state的基本使用 状态(state)即数据，是组件内部的私有数据，只能在组件内部使用 state的值是对象，表示一个组件中可以有多个数据 //1. 导入react import React from 'react'; import ReactDOM from 'react-dom'; /* 阅读全文
posted @ 2021-11-08 10:50
wslfw
阅读(102)
评论(0)
推荐(0)
摘要：
函数组件又叫做无状态组件，类组件又叫做有状态组件 状态(state)即数据 函数组件没有自己的状态，只负责数据展示(静) 类组件有自己的状态，负责更新UI，让页面“动”起来 阅读全文
posted @ 2021-11-08 10:24
wslfw
阅读(182)
评论(0)
推荐(0)
摘要：
1. 事件绑定 语法：on+事件名称={事件处理程序}，比如：onClick={() => {}} 注意：React事件采用驼峰命名法，比如：onMouseEnter、onFocus 类组件： //1. 导入react import React from 'react'; import ReactD 阅读全文
posted @ 2021-11-08 10:17
wslfw
阅读(59)
评论(0)
推荐(0)
摘要：
1. 使用函数创建组件 函数组件：使用JS的函数(或箭头函数)创建的组件 约定1：函数名称必须以大写字母开头 约定2：函数组件必须有返回值，表示该组件的结构 如果返回值为null，表示不渲染任何内容 function Hello() { return ( <div>这是我的第一个函数组件！</div 阅读全文
posted @ 2021-11-08 09:47
wslfw
阅读(94)
评论(0)
推荐(0)
摘要：
1. 行内样式--style <h1 style={{ color:'red', backgroundColor:'skyblue' }}> JSX的样式处理 </h1> 2. 类名--className(推荐) index.js //1. 导入react import React from 're 阅读全文
posted @ 2021-11-08 08:31
wslfw
阅读(219)
评论(0)
推荐(0)
浙公网安备 33010602011771号