React native 与世博会互动

我正在用expo框架做一个android应用程序。我是react native的初学者，我需要一些帮助来理解一种奇怪的行为

为什么这段代码是编译的，而第二段代码不是？我只添加了一个空视图节点

render() {
  if (this.state.isLoading) {
    return (
      <View style={{flex: 1, paddingTop: 20}}>
      <ActivityIndicator />
      </View>
    );
  }

  return (
    <Text style={styles.getStartedText}>
      Questionary:
    </Text>
  );
}

render（）{
if（此.state.isLoading）{
返回(
);
}
返回(
问题：
);
}

在不编译时使用此代码：

render() {
  if (this.state.isLoading) {
    return (
      <View style={{flex: 1, paddingTop: 20}}>
      <ActivityIndicator />
      </View>
    );
  }

  return (
    <Text style={styles.getStartedText}>
      Questionary:
    </Text>

    <View></View> //because of this !!
  );
}

render（）{
if（此.state.isLoading）{
返回(
);
}
返回(
问题：
//因为这个！！
);
}

在

返回中

您只能有一个节点，因此您需要将所有节点（

文本

，

视图

）包装为父节点：

  return (
    <View>
      <Text style={styles.getStartedText}>
        Questionary:
      </Text>

      <View></View>
    </View>
  );

返回(
问题：
);