Reactjs 基于类的组件中的返回使用不同的括号

我使用

createreact-app

来设置工作区。我试图用一个按钮来增加页面上显示的数字。我向按钮添加了事件处理程序，该按钮将递增。我将函数定义为一个类函数，然后通过

return

函数得到一个奇怪的行为。在类函数中使用时，它使用

{}

，在呈现方法中使用时，它使用

（）

从“React”导入React；
类应用程序扩展了React.Component{
构造函数（）{
超级（）；
此.state={
计数：0
};
this.increment=this.increment.bind（this）；
}
增量（）{
this.setState（prevState=>{
返回{count:prevState.count+1}；
});
}
render（）{
返回(
计数：{this.state.Count}
点击我
);
}
}
导出默认应用程序；

这与React无关，而是JavaScript语法本身。Return实际上不是一个函数调用

当您这样做时：

return (1)

它和我的一模一样

return 1

花括号用于创建对象。例如：

return { a: 1 }

将返回一个对象，该对象具有一个名为a的键，该键的值为1

以下内容相同：

return { a: 1 }

及

您可以看到，花括号与return语句无关，而是用于创建对象

---

正如其他人所指出的，在开始做出反应之前，先了解更多关于JavaScript的基础知识。

没有确切地了解，您想问什么？我强烈建议您学习一门基本的JavaScript教程，您需要牢牢掌握语法才能做出反应。您可以

返回

许多不同的内容，如在这两个示例中，包括对象或React元素（从JSX创建）。你也可以把很多不同的东西用括号括起来；您还可以在对象周围加括号：

return（{…

）。它也不是函数，请注意，您不使用括号调用它；它是一条语句：。

return { a: 1 }

let obj = { a: 1 }
return obj