反应组件结构

Question

React使用组件结构在同一组件中编写逻辑和视图部件。但是为什么它们不将视图部分和逻辑部分分开，就像它们在angular2或其他框架中那样？

这背后有一个特殊的原因，但我不知道其实际原因。

组件结构在反应中有什么好处？

Answer 1

我不知道这是否是常见做法，但我和我的团队为每个视图编写了两个React组件。用于逻辑的.component和用于UI的.presentation.component。 在我看来，即使在React中，将UI与逻辑分开也绝对更好。

Answer 2

是的，在React中，通常不会像Angular那样分离关注点......甚至鼓励使用内联样式。您可以在其他来源中找到支持和反对的论据。

编辑：有时你会查看你的代码并提出这个问题：如果我把它放在一个文件中，表示，逻辑和样式会占用70行代码来表达。为什么我要查看3个不同的文件来弄清楚发生了什么？