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

Question

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

<Tab title={<Glyphicon glyph="time" /> Real-Time}></Tab>

但它不起作用。我得到Unexpected token, expected }。因此string无法遵循React组件。

如何在没有数组，函数，创建新组件等的情况下使其工作.React是否有办法在一行中完成它，就像我的例子一样？

Answer 1

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

<Tab title={[<Glyphicon glyph="briefcase" />, "Briefcase"]}>

Answer 2

也许你正在寻找这样的东西。然后，这假设标题可以接受一个组件。在大多数情况下，title通常只接受一个字符串。我要查看Tab组件的Prop类型或流类型。

_renderTitle () {
  return (
   <Glyphicon glyph='time' />
  )
}

render () {
  return (
    <Tab title={this._renderTitle} />
  )
}