راکت
محمد
محمد
توسط محمد مطرح شد
حل
4 پاسخ

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

عمو پدی
عمو پدی
تخصص :برنامه نویس خرده پای ری اکت
@pedram61958 سال پیشمطرح شد
0
Show(){
    var res = "";
    for (i = 0; i <= 10; i++)
        res += <Text>{i}</Text>
    return (
        res
    )
}

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

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

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


عمو پدی
عمو پدی
تخصص :برنامه نویس خرده پای ری اکت
@pedram61958 سال پیشمطرح شد
0

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


محمد
محمد
@spooky0218 سال پیشمطرح شد
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>
    )
}

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام