محمد
5 سال پیش توسط محمد مطرح شد
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 نمایش داده میشه!


reactjs
تگ‌های محبوب
لاراول
php
laravel
متفرقه
reactjs
عمومی
html_css
nodejs
vuejs
وردپرس
پایتون
css
فلاتر
react
javascript
ثبت پرسش جدید
محمد
@spooky021 5 سال پیش آپدیت شد
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>
    )
}

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

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

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

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


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

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


محمد
@spooky021 5 سال پیش آپدیت شد
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>
    )
}

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

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