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

3 سال پیش
توسط محمد آپدیت شد
محمد ( 4344 تجربه )
3 سال پیش

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

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

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

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

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

render() {
    return (
        <Container>
            {this.Show()}
        </Container>
    )
}
محمد ( 4344 تجربه )
3 سال پیش

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

pedi ( 11026 تجربه )
3 سال پیش

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

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