没有 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;