react笔记之学习之函数组件

简介: react笔记之学习之函数组件

app.js

const App = () => {
  return <div>我是App组件!</div>
};
// 导出App
export default App;

index.js

/*
*   组件
*       - React中组件有两种创建方式
*       - 函数式组件
*           - 函数组件就是一个返回JSX的普通
*           - 组件的首字母必须是大写
*       - 类组件
* */
import ReactDOM from "react-dom/client";
import App from "./App";
const root = ReactDOM.createRoot(document.getElementById('root'));
// React组件可以直接通过JSX渲染
root.render(<App/>);
相关文章
|
11天前
|
JSON 前端开发 JavaScript
|
13天前
|
前端开发 JavaScript 数据处理
如何学习React的高级概念?
【8月更文挑战第26天】如何学习React的高级概念?
24 2
|
13天前
|
前端开发 JavaScript API
学习 React 的方法
【8月更文挑战第26天】学习 React 的方法
26 1
|
22天前
|
前端开发
如何编写React函数组件
【8月更文挑战第17天】如何编写React函数组件
13 2
|
30天前
|
前端开发 JavaScript 算法
如何学习react原理
【8月更文挑战第9天】 如何学习react原理
34 6
|
8天前
|
前端开发 JavaScript
React 中的函数组件和类组件
【8月更文挑战第31天】
24 0
|
15天前
|
前端开发 JavaScript 开发者
React组件入门秘籍:函数组件、类组件、高阶组件,一文让你彻底解锁!
【8月更文挑战第24天】React是一款广受好评的JavaScript库,其核心特色在于组件化开发模式。React组件作为应用程序的基础单元,不仅能够处理特定业务逻辑还能实现界面展示。本文深入浅出地介绍了React组件的概念、创建方式及其应用场景。
26 0
|
23天前
|
前端开发 JavaScript API
React学习-初始化react项目
【8月更文挑战第16天】
|
26天前
|
移动开发 API UED
React-Router 基础学习
React-Router 基础学习
23 0
|
26天前
|
前端开发 JavaScript UED
React 基础与实践 | 青训营笔记
React 基础与实践 | 青训营笔记
36 0
下一篇
DDNS