javascript - 如何在数组中正确使用map()？

Question

我对 React 和 JS 很不熟悉，所以，这可能是一个愚蠢的问题，但是，当我尝试在这样的数组中使用 .map() 时:

import * as React from 'react';
import { Text, View, StyleSheet } from 'react-native';
import { Constants } from 'expo';

export default class App extends React.Component {
  productsArray = [
    'Cajo T-shirt',
    'Geometric Skull',
    'Bavaria 350 mL',
    'Inflatable Alien',
    'R2D2 RC Car',
  ];
renderCategories(arrayDeProdutos) {
    return arrayDeProdutos.map((index) => <Text key={index}></Text>);
}
render() {
    return (
        <View style={styles.container}>
            {this.renderCategories()}
        </View>
    );
}
}
const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    paddingTop: Constants.statusBarHeight,
    backgroundColor: '#ecf0f1',
    padding: 8,
  },
});

我收到以下错误消息:“arrayDeProdutos.map 不是对象”。我尝试阅读 map 文档，但它没有回答我的问题。

Answer 1

renderCategories 方法需要一个参数，但您没有传递任何参数，如下所示:

<View style={styles.container}>
    {this.renderCategories()}
</View>

这就是您需要做的事情。

renderCategories(arrayDeProdutos) {
    return arrayDeProdutos.map((index) => <Text key={index}></Text>);
}
render() {
    return (
        <View style={styles.container}>
            {this.renderCategories(this.productsArray)}
        </View>
    );
}