React-Native - 如何在 JSX 元素中連接兩個字符串

Question

實際上我從道具中獲取值，我需要連接這些值並放入 JSX 文本元素。 但我試圖追加它不起作用。 有什么辦法可以做到這一點。 我不想創建任何其他變量來連接。

代碼 ：

 <Text style={{marginTop = 15}}>{this.props.userinfo.token+this.props.userInfo.loggedin}</Text> 

Answer 1

您可以單獨渲染它們

 <Text style={{marginTop = 15}}>
   {this.props.userinfo.token}{this.props.userInfo.loggedin}
 </Text> 

或者

 <Text style={{marginTop = 15}}>
   {`${this.props.userinfo.token}${this.props.userInfo.loggedin}`}
 </Text> 

Answer 2

用戶信息 !== 用戶信息

 <Text style={{marginTop: 15}}>
   {this.props.userInfo.token + this.props.userInfo.loggedin}
 </Text> 

在嘗試渲染這些道具之前，您可能還需要驗證它們是否處於活動狀態。

 <Text style={{marginTop: 15}}>
   { this.props.userInfo.token && this.props.userInfo.loggedIn ? (
      this.props.userInfo.token + this.props.userInfo.loggedin
    ) : (
      ""
   )}
 </Text> 

Answer 3

雖然上面的答案是正確的。

我只想分享您還可以執行以下操作：

<Text style={{marginTop: 15}}>
  {this.props.userinfo.token.concat(this.props.userInfo.loggedin)}
</Text> 

只要確保this.props.userinfo不是undefined或null並且具有token和loggedin屬性。

還有這個：

<Text style={{marginTop: 15}}>
  {`${this.props.userinfo.token}${this.props.userInfo.loggedin}`}
</Text>