当前位置: 首页 > news >正文

React第一个项目

运行效果:

知识讲解:

组件:先定义后使用,用户界面的构成要素(标签cssJavaScript

定义组件

        导出组件:export default 前缀是JavaScript标准语法

        定义函数:function Title() {}  定义为Title的JavaScript函数,注意:函数名一定要大写字母开头和HTML标签做个区别

        添加标签:return语句可以一行显示,若多行显示需要一对括号包裹()

使用组件:

        在导出函数中return中使用即可

App.js 代码:

// 在下面写你的组件
function Title(){return (<div><span>你好!!</span><br/><span>我好!!!</span></div>)  //组件返回标签的JavaScript语法被称 JSX
}export default function MyBotton(){return <Title></Title>
}

http://www.lryc.cn/news/482977.html

相关文章:

  • 计算机网络基本概念总结
  • 考研要求掌握C语言(归并排序)
  • Spring Authorization Server:实现OAuth2认证服务
  • Rocky、Almalinux、CentOS、Ubuntu和Debian系统初始化脚本v9版
  • ScrumMaster认证机构及CSM、PSM、RSM价值解析
  • 借助 Pause 容器调试 Pod
  • PostgreSQL 开启密码验证插件
  • Go 语言已立足主流,编程语言排行榜24 年 11 月
  • flutter下拉刷新上拉加载的简单实现方式三
  • 【C++ 20进阶(2):属性 Attribute】
  • 【系统面试篇】其他相关题目——虚拟内存、局部性原理、分页、分块、页面置换算法
  • 力扣617:合并二叉树
  • 软件设计师 - 第1章 计算机网络概论
  • 方案丨车险保单OCR:3秒钟完成保单审核
  • Jmeter中的监听器(一)
  • C++ 标准库 std::vector 的介绍
  • 鸿蒙开发-装饰器@Link问题
  • CTFhub靶场RCE学习
  • 一文3000字从0到1带你进行Mock测试(建议收藏)
  • 数据结构 ——— 链式二叉树的销毁(释放)
  • log4j异常堆栈文件输出
  • 在配置环境变量之后使用Maven报错 : mvn : 无法将“mvn”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。
  • SpringSecurity源码中核心类
  • 【JAVA】使用IDEA创建maven聚合项目
  • 猿创征文|Inscode桌面IDE:打造高效开发新体验
  • 概率论中的PMF、PDF和CDF
  • Vue 简单入手
  • Github配置ssh key原理及操作步骤
  • 大循环引起CPU负载过高
  • [Java]微服务治理