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

4 سال پیش توسط محمد مطرح شد
آفلاین
user-avatar
محمد ( 27594 تجربه )
4 سال پیش

لینک کوتاه اشتراک گذاری

0

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

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

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

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

بهترین پاسخ
آفلاین
user-avatar
محمد
4 سال پیش

سلام
مشکل با راهنمایی خوب جناب 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>
    )
}
آفلاین
user-avatar
عمو پدی ( 11406 تجربه )
4 سال پیش
تخصص : برنامه نویس خرده پای ری اکت

لینک کوتاه اشتراک گذاری

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

render() {
    return (
        <Container>
            {this.Show()}
        </Container>
    )
}
آفلاین
user-avatar
محمد ( 27594 تجربه )
4 سال پیش

لینک کوتاه اشتراک گذاری

0

ممنون از پاسخی که فرستادید ولی بعد از اجرا برنامه error میده و خارج میشه! درضمن بنده میخوام اعداد استایل دهی هم بشن و درون یک Card قرار بگیرن

آفلاین
user-avatar
عمو پدی ( 11406 تجربه )
4 سال پیش
تخصص : برنامه نویس خرده پای ری اکت

لینک کوتاه اشتراک گذاری

0

من دیگه دانشم در همین بود. بهتره دوستان جواب بدن ما هم استفاده کنیم

آفلاین
user-avatar
محمد ( 27594 تجربه )
4 سال پیش

لینک کوتاه اشتراک گذاری

0

سلام
مشکل با راهنمایی خوب جناب 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>
    )
}
برای ارسال پاسخ لازم است، ابتدا وارد سایت شوید.