Question

所以我意识到现在我们创建一个React应用时，默认情况下它是功能性的。所以我想知道是否有任何方法可以将其更改为类。

Answer 1

您可以像这样将现有功能组件更改为基于类的组件

export default class App extends React.Component {
  render() {
    return <h1>Hello</h1>;
  }
}

我建议您仔细阅读React文档，其中对所有内容的解释都很好。

检查- React documentation

Answer 2

如果您的App.js代码如下所示：

import React from "react";

export default function App() {
  return (
    <div className="App">
      <h1>REACT APP</h1>
    </div>
  );
}

您可以通过导入Component和一些如下所示的重构来将其变成基于类的组件：

import React, { Component } from "react";

export default class App extends Component {
  render() {
    return (
      <div className="App">
        <h1>REACT APP</h1>
      </div>
    );
  }
}

class应用将扩展Componment
您的JSX将在您的课程的render()函数中返回

将功能组件分类为组件

2 个答案: