📜  没有 ES6 的 React.js

📅  最后修改于: 2022-05-13 01:56:32.055000             🧑  作者: Mango

没有 ES6 的 React.js

Reactjs 是有史以来最好的前端库。它由 Facebook 制作,用于在前端本身执行多项任务。 ES6 是 javascript 的标准化,用于使代码更具可读性和可访问性。

如果我们在 react 中不使用 ES6,则可以使用另一种方法来执行。我们使用create-react-class而不是 ES6。让我们看看 ES6 和 create-react-class 方法之间的一些变化。

关于 ES6 的详细文章,请参考: ES6 简介

创建 React 应用程序并安装模块:

  • 第 1 步:使用以下命令创建一个 React 应用程序。
npx create-react-app foldername
  • 第 2 步:创建项目文件夹(即文件夹名称)后,使用以下命令移动到该文件夹。
cd foldername
  • 第 3 步:创建 ReactJS 应用程序后,使用以下命令安装 create-react-class 模块。
npm install create-react-class

项目结构:

1. Create-react-class 的使用:它被用作默认基于类的组件的替代品。

ES6 实现:

应用程序.js
import React from 'react'
import "./App.css"

// Make a App class component using ES6
class App extends React.Component { 
  render() {
    return 

Hello Welcome to, GeeksforGeeks

; } } export default App;