reactjs - 带有条件的按钮中的文本和图标

Question

如何在带有条件渲染的按钮中同时添加图标和文本

这是有效的
<button >{this.state.isLoading ? <i class="fas fa-spinner fa-spin"></i> : "Submit"}</button>

这是有效的
<button >{this.state.isLoading ? "Submitting..." : "Submit"}</button>

这不起作用
<button >{this.state.isLoading ? <i class="fas fa-spinner fa-spin"></i> "Submitting..." : "Submit"}</button>

标签： reactjs

Answer 1

你应该改变

<button >{this.state.isLoading ? <i class="fas fa-spinner fa-spin"></i> "Submitting..." : "Submit"}</button>

至

<button >{this.state.isLoading ?<div> <i class="fas fa-spinner fa-spin"></i> "Submitting..."</div> : "Submit"}</button>