JSX解决方案

• JSX
• 一种可以在JavaScript代码中直接书写HTML标签的语法糖.依旧为JavaScript,通过翻译器翻译为js.
• JSX is an XML-like syntax extension to ECMAScript without any defined semantics. It's NOT intended to be implemented by engines or browsers. It's NOT a proposal to incorporate JSX into the ECMAScript spec itself. It's intended to be used by various preprocessors (transpilers) to transform these tokens into standard ECMAScript.

Flexbox布局

  为ccs语法,只是属性名该用了驼峰命名

• flexDirection 排列方向, 值: column (默认值)、row、row-reverse
• flexWrap 是否换行,值: nowrap(默认值)、wrap、wrap-reverse
• justifyContent 主轴上的位置 flexDirection决定哪条为主轴
• alignItems: 次轴上的位置
• alignSelf: 定义flex子项单独在侧轴（纵轴）方向上的对齐方式。

参考:

• JSX官网
• css速查手册中文办