无法将多行组件添加到变量中

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