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/>);