React是一个前端开源 JavaScript 库，用于创建交互式 UI。它由 Facebook 开发和维护。它可用于开发单页和移动应用程序。
我们将创建一个简单的应用程序，其中有 2 个按钮，一个用于递增，一个用于递减。
初始设置： npx 是一个 CLI 工具，用于在 npm 注册表中安装和管理依赖项。 NPX 预装了 npm 5.2+，否则我们可以使用以下命令安装它：
npm i -g npx // -g flag indicates global installation创建 React 应用程序：
步骤 1：使用以下命令创建 React 应用程序：
npx create-react-app counter第 2 步：创建项目文件夹 ie counter 后，使用以下命令移动到它：
cd counter项目结构：它将如下所示。
项目结构
文件名：App.js：
Javascript
import React, { useState } from "react";
// Importing app.css is css file to add styling
import "./App.css";
const App = () => {
// Counter is a state initialized to 0
const [counter, setCounter] = useState(0)
// Function is called everytime increment button is clicked
const handleClick1 = () => {
// Counter state is incremented
setCounter(counter + 1)
}
// Function is called everytime decrement button is clicked
const handleClick2 = () => {
// Counter state is decremented
setCounter(counter - 1)
}
return (
Counter App
{counter}
)
}
export default App运行应用程序的步骤：从项目的根目录使用以下命令运行应用程序：
npm start输出：
