複数のコンポーネント行を変数に追加できません

Question

if文の結果に応じて変数に内容を保存します。しかし、複数の行を追加しても機能しません。

let content = null 
if(this.props.group.name != null){ 
    content = <Text>Just this line works</Text> 
       <Text>This doesn't work</Text> 
} 

私は何をすべきか分かりません。私はJavascriptのようにラインの最後に+を追加できません。

Answer 1

コンポーネントは、キーを含む配列として作成しない限り、コンポーネントを含む親にラップする必要があります。

// this would work because it's wrapped inside parentheses and has a parent component 
content = (
      <View> 
      <Text>Just this line works</Text> 
      <Text>This doesn't work</Text> 
      </View> 
     ) 

// this works because the components are an array 
content = [ 
      <Text key="1">Just this line works</Text>, 
      <Text key="2">This doesn't work</Text> 
      ]