react 如何执行

安装 React

确保 Node.js 安装在本地环境中。通过以下命令创建新的 React 项目：

npx create-react-app my-app

进入项目目录并启动开发服务器：

cd my-app
npm start

编写组件

在 src 目录下创建 .js 文件定义组件。例如 App.js：

import React from 'react';

function App() {
  return <h1>Hello, React!</h1>;
}
export default App;

渲染到 DOM

修改 src/index.js，将组件挂载到根节点：

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);

管理状态

使用 useState Hook 处理组件内部状态：

import React, { useState } from 'react';

function Counter() {
  const [count, setCount] = useState(0);
  return (
    <button onClick={() => setCount(count + 1)}>
      Clicked {count} times
    </button>
  );
}

构建与部署

运行以下命令生成生产环境代码：

npm run build

将 build 目录中的文件部署到静态服务器（如 Netlify、Vercel 或 Apache/Nginx）。