![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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 · 128 阅读 · 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这是span2.原创 2021-07-28 10:29:38 · 181 阅读 · 0 评论 -
react创建新项目
1.react的特点声明式:就跟写HTML一样基于组件学习一次,随处可用:可以开发web,可以开发移动端原生应用react-native,可以开发VR(虚拟现实)应用(react 360)2.React的基本使用2.1 React的安装安装命令:npm i react react-domreact包是核心,提供创建元素,组件等功能react-dom包提供DOM相关功能等...原创 2021-07-27 14:01:12 · 332 阅读 · 0 评论