本文介绍了如何使用create-react-app创建一个React项目，包括设置Node.js环境，创建并启动项目，以及项目的基本结构。内容涵盖了jsx语法、组件的定义（函数组件和类组件）、以及使用className应用CSS样式。还提及了快捷插件在开发中的作用。
1.创建一个react 项目
确保有node.js
创建名为react-task-tracker的react项目
npx create-react-app react-task-tracker启动项目
npm start
2.项目结构
所有组件都是放在src下面的
3. jsx
// jsx语法 和html很像，class用的是className来使用css的样式
<div className="App">
<header className="App-header"> {/* 动态的变量 */}
<img src={logo} className="App-logo" alt="logo" />a.jsx 只能返回一个元素
b.返回的元素可以是一个空标签
c.jsx的变量
d.jsx {}中执行语句
// react的组件可以是一个函数 也可以是一个class
4.快捷插件
1149
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
