javascript - 是否可以将 react jsx 与非 jsx 组件混合使用？

Question

所以我现在的问题是，如果我有一个 JSX 父组件，但我需要包含一个 html 标签，例如 <i class="fa fa-window-maximize" aria-hidden="true"></i>我认为 React JSX 不支持它(如果我错了请纠正我)我可以混合使用 jsx 和非 jsx 组件吗？我个人更喜欢 JSX，没有它我就没有做过任何工作，所以除非万不得已，否则我不想偏离它。

<Parent>
   <Child>
      Mix non jsx code in here??
   </Child>
</Parent>

Answer 1

您可以随心所欲地混合使用 JSX 和非 JSX(HTML!)!例如:

<div>
    <MyComponent>
        <input type="button>
    </MyComponent>
</div>

如果你想为元素设置样式，你必须使用 className 而不是 class。所以你的 i 标签必须是这样的

<i className="fa fa-window-maximize" aria-hidden="true"></i>