2022年5月16日
Linux篇-The slave I/O thread stops because master and slave have equal...
摘要： 1)操作系统 cat /etc/issue CentOS release 6.6 (Final) Kernel \r on an \m cat /proc/version Linux version 2.6.32-504.el6.x86_64 (mockbuild@c6b9.bsys.dev.cen 阅读全文
posted @ 2022-05-16 19:02 前端导师歌谣 阅读(81) 评论(0) 推荐(0) 编辑
好客租房38-非受控组件
摘要： 1借助ref 使用原生dom方式获取表单元素值 2ref的作用 获取dom或者组件 使用步骤 1调用React.createRef()方法创建一个ref对象 2将创建好的ref对象添加到文本框中 3通过ref对象获取文本框的值 //导入react import React from 'react' 阅读全文
posted @ 2022-05-16 19:02 前端导师歌谣 阅读(31) 评论(0) 推荐(0) 编辑
2022年5月13日
好客租房13-在jsx中使用javascript表达式
摘要： 嵌入js表达式 数据存储在js中 语法{javascript表达式} 注意语法中是单大括号 不是双大括号 //导入react import React from "react" import ReactDOM from "react-dom" //第一步创建jsx创建react元素 const na 阅读全文
posted @ 2022-05-13 21:03 前端导师歌谣 阅读(33) 评论(0) 推荐(0) 编辑
好客租房14-在jsx中使用javascript表达式的注意点
摘要： 注意点 单大括号中可以使用任意的表达式 jsx自身也是js表达式 注意:js中的对是一个例外 写在style样式中 //导入react import React from "react" import ReactDOM from "react-dom" //第一步创建jsx创建react元素 con 阅读全文
posted @ 2022-05-13 21:03 前端导师歌谣 阅读(16) 评论(0) 推荐(0) 编辑
好客租房15-jsx中的条件渲染
摘要： jsx中的条件渲染 场景:loding效果 条件渲染:根据条件渲染特定的jsx结构 可以使用if/else或者三元运算符和逻辑和运算符实现 //导入react import React from "react" import ReactDOM from "react-dom" //第一步创建jsx创 阅读全文
posted @ 2022-05-13 21:03 前端导师歌谣 阅读(36) 评论(0) 推荐(0) 编辑
好客租房16-jsx中的列表渲染
摘要： 如果要渲染一组数组 应该使用数组的map方法 注意：渲染列表时候添加key属性 key属性的值要保持唯一 原则:map()遍历谁 就给谁添加key属性 尽量避免索引号作为key //导入react import React from "react" import ReactDOM from "rea 阅读全文
posted @ 2022-05-13 21:03 前端导师歌谣 阅读(31) 评论(0) 推荐(0) 编辑
好客租房17-jsx的样式处理
摘要： 1行内样式-style <h1 style={{color:"red",backgroundColor:"skyblue"}}> jsx的样式处理 </h1> 2类名 className(推荐) <h1 className="title"></h1> //导入react import React f 阅读全文
posted @ 2022-05-13 21:03 前端导师歌谣 阅读(24) 评论(0) 推荐(0) 编辑
好客租房18-jsx阶段总结
摘要： JSX 1jsx是react的核心内容 2jsx是在js代码中写HTML结构，是react中声明式的提现 3使用jsx配合嵌入的js表达式，条件渲染,列表渲染,可以描述任意ui结构 4推荐使用calssName的方式给jsx添加样式 5react完全利用js自身能力编写ui 而不是造轮子增强HTML 阅读全文
posted @ 2022-05-13 21:03 前端导师歌谣 阅读(18) 评论(0) 推荐(0) 编辑
好客租房12-JSX的注意点
摘要： 1.4注意点 1React元素的属性名使用驼峰式命名法 2特殊属性名 class-className for->htmlFor 3没有子节点可以用单标签表示 4使用小括号包裹jsx const div=（<h1>geyao</h1>） 阅读全文
posted @ 2022-05-13 21:03 前端导师歌谣 阅读(18) 评论(0) 推荐(0) 编辑
好客租房19-react组件基础目标
摘要： 1能够使用函数创建组件 2能够使用class创建组件 3能够给react元素绑定事件 4能够使用state和setstate 5能够处理事件中的this指向问题 6能够使用受控组件处理表单 阅读全文
posted @ 2022-05-13 21:03 前端导师歌谣 阅读(18) 评论(0) 推荐(0) 编辑