React中不同组件同行

在用React的时候发现，两个不同组件用的时候会默认换行，研究了一段时间发现一种同行的方式，如下：

<div>
    <div style={{display:'inline-block'}}>
         <Input/>
    </div>
    &nbsp;
    <div style={{display:'inline-block'}}>
         <Popover>
              <FontAwesomeIcon icon={faQuestionCircle} />
         </Popover>
    </div>
</div>

将其放到div里，加一个inline-block样式即可。