React 创建第一个应用

想要开始使用 React 开发你的第一个应用吗？以下是一个简单的指南，帮助你快速入门。

环境准备

在开始之前，请确保你已经安装了 Node.js 和 npm。你可以通过以下命令检查是否已经安装：

node -v
npm -v

如果未安装，请访问 Node.js 官网 进行安装。

创建项目

使用 create-react-app 工具可以快速搭建一个 React 项目。在命令行中运行以下命令：

npx create-react-app my-app

这将创建一个名为 my-app 的新目录，并初始化一个 React 应用。

运行项目

进入 my-app 目录，并运行以下命令来启动应用：

cd my-app
npm start

此时，你应该可以在浏览器中看到你的 React 应用了。

组件

React 应用由组件组成。组件是可复用的代码块，用于构建用户界面。

创建组件

在 React 中，组件通常使用 JavaScript 类或函数来定义。

class HelloMessage extends React.Component {
  render() {
    return <div>Hello, world!</div>;
  }
}

或者使用函数式组件：

function HelloMessage() {
  return <div>Hello, world!</div>;
}

渲染组件

将组件渲染到 DOM 中：

ReactDOM.render(
  <HelloMessage />,
  document.getElementById('root')
);

学习资源

想要了解更多关于 React 的知识，可以访问我们的 React 教程。

希望这个指南能帮助你快速入门 React！🎉