React组件结构的好处和双向绑定的缺点

Question

我对React的组件结构有一些疑问：

• 在渲染方法中编写HTML和代码逻辑会使代码变得复杂，不是吗？
• 在React中，数据仅从上到下流动。为什么不支持双向绑定？有什么缺点？

Answer 1

• 我不认为将“HTML”与JavaScript混合在一起会更复杂。替代方案似乎是一种完全独立的模板语言，它将逻辑与HTML的非常不同且通常更有限的语法混合在一起。我无法看到它如何以任何方式被视为不那么复杂。您可以说，（惯用）React的关注点分离较少，但为什么不将渲染逻辑放在不同的文件中呢？这只是JavaScript，您可以按照自己的意愿进行组织。

• 双向绑定非常复杂，难以调试。即使是单向绑定也很难，因为涉及的内存太多了。但React也没有传统意义上的单向绑定。从概念上讲，它只是带参数传递的纯（ - ）函数调用，只要有变化，就会返回一个新的“DOM”树。这种简单性使得管理复杂性和调试问题变得更加容易，因为您不必跟踪状态更改以了解正在发生的事情。