什么原因？

Question

这是我的代码。

class Squence extends Component {
    constructor(props){
        super(props)
        this.data = []
    }
    render() { 
        for(var i = 0; i < 3; i++){
            this.data.push(i);
        }
        return ( 
                <View>
                {this.data.map((item) => {
                    <View key={item} style={{height: 20, width: 20, backgroundColor: 'red', marginLeft: 3, marginTop: 3}}><Text>{item}</Text></View>
                })}
                </View>
         );
    }
}
export default Squence;

我认为我的代码没有错，但是没有用！ 什么原因？ 我使用map方法有误吗？

Answer 1

您没有从map返回任何信息。使用()代替{}或显式键入return。以下是一些示例：

this.data.map(item => <View>...</View>);

this.data.map(item => (
    <View>...</View>
));

this.data.map(item => {
    return <View>...</View>;
});