在probs上使用js类react

Question

我正在为一种爱好学习反应，我有一个问题。

许多人在使用react时为组件创建了一个函数，它运行得很好。他们使用(probs(来指定每个"问题"；"孩子"；像这样的组件：

function Foo(probs) {
// react stuff with those probs
}

效果很好，但你知道我想要什么吗？面向对象编程！

因此，我没有为每个类创建函数并在主函数中指定它们，而是为我的每个组件创建一个类，如下所示：

import React from "react";
import ReactDOM from "react-dom";
const firstbook = {
title: "some title",
autor: "someone",
img: "some url",
};
function Booklist() {
return (
<div>
{new Book(firstbook)}
</div>
);
}
class Book {
constructor(data) {
this.title = data.title;
this.autor = data.autor;
this.img = data.img;
return (
<div className="book">
<h1>{this.title}</h1>
<h2>{this.autor}</h2>
<img src={this.img} alt=""></img>
</div>
);
}
}
function render() {
ReactDOM.render(<Booklist />, document.getElementById("root"));
}
render();

问题是，可以吗？我不知道怎么反应，我害怕在处理时遇到一些问题。或者不能对每个组件都这样做。请帮我查一下！对不起，我的英语不好。

Answer 1

对于JavaScript，使用类或函数组件没有区别，因为这是可以的。但对于地球上的人来说，面对这两种创建组件的方式是相当麻烦的。使用功能性更好，因为它更现代。如果你没有听说过ES6，试着滥用它。不管怎样，祝你学习好运！