如何连接 React 组件和字符串?

Gre*_*een 1 reactjs webpack react-jsx react-bootstrap webpack-2

我想在title道具中执行以下操作:

<Tab title={<Glyphicon glyph="time" /> Real-Time}></Tab>
Run Code Online (Sandbox Code Playgroud)

但它不起作用。我明白了Unexpected token, expected }。所以 astring不能跟随 React 组件。

如何让它在没有数组、函数、创建新组件等的情况下工作。 React 是否有办法在一行中完成,就像我的例子一样?

Gre*_*een 5

我的解决方案是使用数组:

<Tab title={[<Glyphicon glyph="briefcase" />, "Briefcase"]}>
Run Code Online (Sandbox Code Playgroud)