حل شده

تکرار و نمایش توسط حلقه For در React Native

باسلام خدمت دوستان عزیز
از دوستانی که تجربه کار با React Native دارن سوالی داشتم میخواستم ببینم چه جوری میشه توسط حلقه for داده ها رو به این صورت نمایش بدیم؟

Show(){
    for (i = 0; i <= 10; i++) {
        return (
            <Text>{i}</Text>
        )
    }
}

render() {
    return (
        <Container>
            {this.Show()}
        </Container>
    )
}

مشکل بنده اینجاست که حلقه تنها یک بار اجرا میشه و فقط عدد 0 نمایش داده میشه!

پاسخ‌ها

محمد

@spooky0218 سال پیش مطرح شد

بهترین پاسخ

سلام
مشکل با راهنمایی خوب جناب pedi حل شد.

Show(){
    var res = [];
    for (i = 0; i <= 10; i++)
        res.push(<Card><Text>{i}</Text></Card>);
    return (
        res
    )
}

render() {
    return (
        <Container>
            {this.Show()}
        </Container>
    )
}

ارسال پاسخ

عمو پدی

@pedram61958 سال پیش مطرح شد

تخصص: برنامه نویس خرده پای ری اکت

Show(){
    var res = "";
    for (i = 0; i <= 10; i++)
        res += <Text>{i}</Text>
    return (
        res
    )
}

render() {
    return (
        <Container>
            {this.Show()}
        </Container>
    )
}

ارسال پاسخ