2022年7月23日
React工作46:react渲染组件
摘要： const element = <div />; 不过，React 元素也可以是用户自定义的组件： const element = <Welcome name="Sara" />; 当 React 元素为用户自定义组件时，它会将 JSX 所接收的属性（attributes）以及子组件（childre 阅读全文
posted @ 2022-07-23 22:31 前端导师歌谣 阅读(111) 评论(0) 推荐(0)
React工作45:react组件
摘要： 定义组件最简单的方式就是编写 JavaScript 函数： function Welcome(props) { return <h1>Hello, {props.name}</h1>; } 该函数是一个有效的 React 组件，因为它接收唯一带有数据的 “props”（代表属性）对象与并返回一个 R 阅读全文
posted @ 2022-07-23 22:31 前端导师歌谣 阅读(26) 评论(0) 推荐(0)
React工作44:只更新它需要更新的部分
摘要： 阅读全文
posted @ 2022-07-23 22:31 前端导师歌谣 阅读(18) 评论(0) 推荐(0)
React工作42:react中的jsx表达对象
摘要： JSX 表示对象 Babel 会把 JSX 转译成一个名为 React.createElement() 函数调用。 以下两种示例代码完全等效： const element = ( <h1 className="greeting"> Hello, world! </h1> ); const eleme 阅读全文
posted @ 2022-07-23 22:31 前端导师歌谣 阅读(52) 评论(0) 推荐(0)
React工作42:react中的jsx表达对象
摘要： JSX 表示对象 Babel 会把 JSX 转译成一个名为 React.createElement() 函数调用。 以下两种示例代码完全等效： const element = ( <h1 className="greeting"> Hello, world! </h1> ); const eleme 阅读全文
posted @ 2022-07-23 22:31 前端导师歌谣 阅读(45) 评论(0) 推荐(0)
React工作41:react中的jsx简介
摘要： JSX 特定属性 你可以通过使用引号，来将属性值指定为字符串字面量： const element = <div tabIndex="0"></div>; 也可以使用大括号，来在属性值中插入一个 JavaScript 表达式： const element = <img src={user.avatar 阅读全文
posted @ 2022-07-23 22:31 前端导师歌谣 阅读(28) 评论(0) 推荐(0)
React工作40:react中的jsx简介
摘要： const name = 'Josh Perez';const element = <h1>Hello, {name}</h1>; ReactDOM.render( element, document.getElementById('root') ); jsx语法是个表达式 可以直接声明变量 阅读全文
posted @ 2022-07-23 22:31 前端导师歌谣 阅读(28) 评论(0) 推荐(0)
React工作39:react中的Hello World
摘要： ReactDOM.render( <h1>Hello, world!</h1>, document.getElementById('root'); 它将在页面上展示一个 “Hello, world!” 的标题。 阅读全文
posted @ 2022-07-23 22:31 前端导师歌谣 阅读(25) 评论(0) 推荐(0)
React工作38:react是什么
摘要： 什么是组件？ 官方定义：将一些简短、独立的代码片段组合成复杂的 UI 界面，这些代码片段被称作“组件”。 解读：我们可以理解为能够组成一个UI界面的每一个独立的代码片段，例如表单的代码集合，轮播图的代码集合，讲这些能够构成特定功能的代码集合我们称之为组件。 React.component子类 我们以 阅读全文
posted @ 2022-07-23 22:31 前端导师歌谣 阅读(38) 评论(0) 推荐(0)
React工作37:获取子组件得实例
摘要： onRef={(ref) => { this.uploadImg = ref; }} 阅读全文
posted @ 2022-07-23 22:31 前端导师歌谣 阅读(74) 评论(0) 推荐(0)