欢迎来到React学习之旅!以下是最基础的入门指南,帮助你快速上手:

安装 React 📦

  1. 使用Create React App
    npx create-react-app my-app

    react_install
  2. 手动安装
    下载React官方文档或通过npm安装

创建第一个组件 🧱

function HelloWorld() {
  return <h1>Hello, React!</h1>;
}
component_icon

JSX 基础 📚

  • JSX是JavaScript的语法扩展
  • 可以直接在HTML中编写JavaScript逻辑
  • 了解更多:JSX详解

状态与事件 🔄

const [count, setCount] = useState(0);
<button onClick={() => setCount(count + 1)}>点击{count}</button>
state_machine

需要进一步学习?可以查看React快速入门教程