React第一个项目

运行效果:

知识讲解:

组件:先定义后使用,用户界面的构成要素(标签、css和JavaScript)

定义组件

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

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

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

使用组件:

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

App.js 代码:

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

export default function MyBotton(){
  return <Title></Title>
}
相关推荐
Tomorrow'sThinker1 分钟前
篮球裁判犯规识别系统(四) foul_fn函数 上
java·前端·javascript
普通网友16 分钟前
用 Next.js 15 做图片查看网站:图片双击放大的交互坑与修复
开发语言·javascript·交互
瞎子拍照16 分钟前
echarts自定义主题样式与组件配置、数据滚动条和数据自动轮播功能
前端·javascript·echarts
不被神过问的人17 分钟前
高德API索引点聚合实现地图看房
前端
不想秃头的程序员22 分钟前
前端 Token 无感刷新全解析:Vue3 与 React 实现方案
vue.js·react.js
狂炫冰美式28 分钟前
Meta 收购 Manus:当巨头搭台时,你要做那个递钥匙的人
前端·人工智能·后端
wayne21433 分钟前
React Native 2025 年度回顾:架构、性能与生态的全面升级
react native·react.js·架构
与光_同尘35 分钟前
一个隐蔽的 DOM 陷阱:id="nodeName" 引发的血案
前端
雲墨款哥36 分钟前
React小demo,评论列表
前端·react.js