Невозможно добавить несколько строк компонентов в переменную

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> 
      ]