
React
文章平均质量分 71
Eli-sun
不断学习
展开
-
React组件基础学习
1.React组件介绍 组件是React的一等公民,使用React就是在用组件。 组件表示页面中的部分功能。 组合多个组件实现完整的页面功能。 特点:可复用、独立、可组合。 2.React组件的两种创建方式 2.1 使用函数创建组件 函数组件:使用js的函数 约定1:函数名称必须以大写字母开头 约定2:函数组件必须有返回值,表示该组件的结构 如果返回值是null,表示不渲染任何内容 // 普通函数 function Hello(){ return ( <div>这是我的第一个组件&l原创 2021-07-29 15:45:02 · 142 阅读 · 0 评论 -
React中的jsx
1.jsx的基本使用 1.1 createElement()的问题 1.繁琐不简洁 2.不直观,无法一眼看出所描述的结构 3.不优雅,用户体验不爽 1.2 JSX简介 JSX是JavaScript XML的简写,表示在JavaScript代码中写XML(HTML)格式的代码。 优势:声明式语法更加直观、与HTML结构相同,降低了学习成本、提升开发效率。 ** JSX是React的核心内容** 1.3 使用步骤 1.使用JSX创建react元素 const title = Hello JSX这是span 2.原创 2021-07-28 10:29:38 · 209 阅读 · 0 评论 -
react创建新项目
1.react的特点 声明式:就跟写HTML一样 基于组件 学习一次,随处可用:可以开发web,可以开发移动端原生应用react-native,可以开发VR(虚拟现实)应用(react 360) 2.React的基本使用 2.1 React的安装 安装命令:npm i react react-dom react包是核心,提供创建元素,组件等功能 react-dom包提供DOM相关功能等 ...原创 2021-07-27 14:01:12 · 364 阅读 · 0 评论