与世博会做出反应

Question

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

为什么这个代码在第二次编译时没有编译？我只需添加一个空的View节点。

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

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

此代码未编译：

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 !!
  );
}

Answer 1

在return中，您只能拥有一个节点，因此您需要将所有节点（Text，View）与父节点包装在一起：

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

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