反应返回带有变量值的 HTML

【问题标题】：React return HTML with variable value反应返回带有变量值的 HTML
【发布时间】：2019-01-03 21:52:39
【问题描述】：

我想如何连接 图标和电话号码并返回值

phone = () =>{
     let mapvalue = this.props.mapvalue
     return <i class='fa fa-map-marker'></i> mapvalue  
}

render() {
    return (
      {this.phone()}
    )
}

【问题讨论】：

用span?像这样：return ({ mapvalue });.

标签： javascript reactjs concatenation

【解决方案1】：

React.Fragment 仅适用于 React v.16 或更高版本

render () {
  return (
     <React.Fragment>
       <i class='fa fa-map-marker'></i>{this.props.mapvalue}
     </React.Fragment>
  )
}

【讨论】：

或者，如果您使用 React v.16.2+，您可以使用 <></>