react 字符串与组件（JSX）如何拼接？

相信大家在开发中都遇到过这种问题

<a onClick={this.expandFilter} >{isExpanded ? '展开' : '收起'} {isExpanded ? <UpOutlined/> : <DownOutlined/>}</a>

点击展开和收起时更新a标签中对应的内容，不过因为符号是一个组件，不能简单的处理，其实只需要在外层添加一个div就可。

<a onClick={this.expandFilter} >{isExpanded ? <>展开<DownOutlined/></> : <>收起<DownOutlined/></>}</a>

是不是就变的简单了