javascript - React Native 渲染函数抛出错误

Question

这是我的react native渲染函数。如果我把 listview 它工作。如果我把 touchablehighlight 它工作。但是，如果它把两者都放了，那是行不通的。需要帮助。

render: function() {
    return (
      /* ListView wraps ScrollView and so takes on its properties.
       With that in mind you can use the ScrollView's contentContainerStyle prop to style the items.*/
        <ListView
          contentContainerStyle={styles.list}
          dataSource={this.state.dataSource}
          renderRow={this._renderRow}/>
        <TouchableHighlight onPress={() => this._pressRow(rowID)} underlayColor="transparent">
        </TouchableHighlight>
    );
},

这里有什么问题吗？需要这两个组件才能工作。

Answer 1

您不能有 2 个可以返回的标签。您应该将其包装在 <View> </View> 中标签。通过这种方式，您可以抽象出页面中需要的多个组件。

render: function() {
    return (
      /* ListView wraps ScrollView and so takes on its properties.
       With that in mind you can use the ScrollView's contentContainerStyle prop to style the items.*/
      <View>  
        <ListView
          contentContainerStyle={styles.list}
          dataSource={this.state.dataSource}
          renderRow={this._renderRow}/>
        <TouchableHighlight onPress={() => this._pressRow(rowID)} underlayColor="transparent">
        </TouchableHighlight>
      </View>
    );
},

希望对您有所帮助。