reactjs 将代码与 html 混合的方式如何是更好的设计？
我们一直在考虑分离 HTML+CSS+Javascript 以保持关注点分离并提高可重用性和可维护性。
为什么要回去把所有这些混合在一起呢？
这听起来几乎和取消环境法规一样好，而且总会有人竭尽全力地证明它是合理的。
不确定这是否是一个更好的设计，但是在React文档的
Introducing JSXWhy JSX?React 背后的开发人员更喜欢在组件中包含 JSX 的原因是 React 假设渲染逻辑与事件处理、状态更改等密切相关，因此不要通过将 JSX 和逻辑放在单独的文件中来分离这两者， React 将关注点分开，并将相同的关注点保留在一个称为组件的单元内。
React 不是通过将标记和逻辑放在单独的文件中来人为地分离技术，而是将关注点与包含两者的松散耦合单元（称为“组件”）分开。 https://reactjs.org/docs/introducing-jsx.html
文档建议 Pete Hun 发表关于重新思考最佳实践的演讲，这可能会给讨论带来一些启发：https://www.youtube.com/watch?v=x7cQ3mrcKaY
您没有使用带有 React 的后端，所以它几乎只是文件中的 HTML CSS（其 jsx 类似于 HTML），涉及更多人员，不像使用地图显示数据那么复杂，但您可以分离更多人员并组织你的应用程序使用 redux 会更好，因为你在 3 个不同的地方使用 actions/reducers/form 。 用这些方法构建一个项目很容易，但是设置一个项目已经花费了一些时间，**但是如果我们也想分离 HTML/reactjs，则需要更多时间来创建一个基本应用程序，这是没有必要的* * 创建更多的额外层并不总是好的，因为应用程序会更复杂，这是不需要的
可悲的是，当涉及到模板（当今应用程序的构建块）的可重用性时，将所有这些分开需要大量维护。
这里简单介绍一下为什么它是更好的设计：
这个有趣的标签语法既不是字符串也不是 HTML。
它被称为 JSX，它是 JavaScript 的语法扩展。我们 建议将其与 React 一起使用来描述 UI 的外观 喜欢。 JSX 可能会让您想起模板语言，但它附带 JavaScript 的全部威力。
JSX 产生 React“元素”。我们将探索将它们渲染到 DOM 在下一节中。