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>
}
相关推荐
南山安6 分钟前
LangChain 入门实战:从零搭建 AI 应用工作流
javascript·面试·langchain
星月心城7 分钟前
八股文-JavaScript(第二天)
开发语言·javascript·ecmascript
JZXStudio10 分钟前
Swift 6 + MLX + SwiftUI:三位一体本地AI架构蓝图
前端·ios
Aevget10 分钟前
DevExpress JS & ASP.NET Core v25.1新版亮点 - 新增AI文本编辑功能
javascript·人工智能·asp.net·界面控件·devexpress·ui开发
王金涛11 分钟前
React 缺失的"M"层:我开发了 Zenith,把完整的 Model 带回了前端
react.js
神秘的猪头12 分钟前
彻底搞懂 React 组件通信:从 TodoList 实战出发,解锁 React 开发的“核心姿势” 🚀
前端·react.js·架构
xiaoxue..12 分钟前
爬楼梯问题:从递归到动态规划再到闭包的进化之路
javascript·算法·面试·动态规划
若梦plus13 分钟前
实现WebView JSBridge
前端
JS_GGbond15 分钟前
揭秘微信扫码登录:那个小绿框背后的魔法
前端
C_心欲无痕19 分钟前
vue3 - 响应式数ref与reactive的深度解析
前端·javascript·vue.js