随笔分类 -  React

上一页 1 2
08 组件组合使用
摘要：需求：组件化实现此功能 1. 显示所有todo列表 2. 输入文本, 点击按钮显示到列表的首位, 并清除输入的文本 第一步，定义组件并渲染静态组件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="v 阅读全文
posted @ 2020-03-13 15:54 shanlu 阅读(143) 评论(0) 推荐(0)
07 React 组件三大属性-----refs
摘要：需求: 自定义组件, 功能说明如下: 1. 界面如页面所示 2. 点击按钮, 提示第一个输入框中的值 3. 当第2个输入框失去焦点时, 提示这个输入框中的值 第一步，初始化静态组件，并渲染组件标签 <!DOCTYPE html> <html lang="en"> <head> <meta chars 阅读全文
posted @ 2020-03-13 14:37 shanlu 阅读(139) 评论(0) 推荐(0)
06 组件三大属性 ----- props
摘要：需求: 自定义用来显示一个人员信息的组件, 效果如页面. 说明 1). 如果性别没有指定, 默认为男 2). 如果年龄没有指定, 默认为18 第一步，定义组件标签并初始化显示组件标签 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta char 阅读全文
posted @ 2020-03-13 13:47 shanlu 阅读(243) 评论(0) 推荐(0)
05 组件三大属性----state
摘要：需求：自定义组件，功能说明如下 1，显示h2标题，初始文本为：你喜欢我 2，点击标题更新为：我喜欢你 第一步：初始化状态值并渲染组件标签 组件只有两种状态，“我喜欢你”和“你喜欢我”，因此只需要定义一个布尔变量，通过更新布尔变量的值，控制两种情况的渲染。 <!DOCTYPE html> <html 阅读全文
posted @ 2020-03-13 12:58 shanlu 阅读(194) 评论(0) 推荐(0)
04 定义组件的两种方式
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <tit 阅读全文
posted @ 2020-03-13 00:51 shanlu 阅读(271) 评论(0) 推荐(0)
03 动态展示列表数据
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <tit 阅读全文
posted @ 2020-03-13 00:44 shanlu 阅读(457) 评论(0) 推荐(0)
02 创建虚拟DOM的两种方式
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <tit 阅读全文
posted @ 2020-03-13 00:40 shanlu 阅读(1076) 评论(0) 推荐(0)
01 React的基本使用
摘要：1，在页面中导入JS <script src="../js/react.development.js"></script> <script src="../js/react-dom.development.js"></script> <script src="../js/babel.min.js"> 阅读全文
posted @ 2020-03-13 00:16 shanlu 阅读(128) 评论(0) 推荐(0)

上一页 1 2