آفلاین
user-avatar

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

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

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

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

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

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

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

سلام
مشکل با راهنمایی خوب جناب 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
عمو پدی ( 11376 تجربه )
3 سال پیش
تخصص : برنامه نویس خرده پای ری اکت
Show(){
    var res = "";
    for (i = 0; i <= 10; i++)
        res += <Text>{i}</Text>
    return (
        res
    )
}

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

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

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

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

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

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