使用变量值来反应返回的HTML

Question

我应该如何将<i>图标和电话号码连接起来并返回值

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

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

Answer 1

React.Fragment仅在React v.16或更高版本上可用

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