初步了解jsx

这种标签语法被称为jsx，是一个 JavaScript 的语法扩展，具有 JavaScript 的全部功能。在 React 中配合使用，描述 UI 应该呈现出它应有交互的本质形式

为什么使用jsx?
React认为渲染逻辑本质上与其他 UI 逻辑内在耦合。
React将 标记 与 逻辑 共同存放在称之为“组件”的松散耦合单元中来实现“关注点分离”。
React不强制要求使用jsx,只是多数人在代码中将 jsx 和 UI 放在一起时，视觉有辅助作用，也可以让 React 显示有用的警告、错误消息。

 

   关注点分离原则，也叫正交原则，HTML CSS JS 分离 互不影响