Questions about xt.foreach() /(ㄒoㄒ)/~~

[brejce]

I just saw xt.foreach() from the gallery example, and then I started learning how to use it.

but have some problem：

I am a novice. If there are any major problems, please be merciful.😫

Here is my code:

#classtool.py
import nextpy as xt
from typing import Dict, Optional
class Person():

    def __init__(self,name_:str="",email_:str="",age_:int=18):
        self.name:str=name_
        self.email:str=email_
        self.age:int=age_
class Persons(xt.State):
    persons:Dict[str,Person]={}
    def findPersonByName(self, name: str) -> Optional[Device]:
        return self.persons.get(name, None)

    def addPerson(self, pr: Person):
        if isinstance(pr, Person):
            self.persons[pr.name] = pr
        else:
            raise TypeError(
                "Only objects of type Person can be added to persons list.")


    def create_persons(self):
        L = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
        for l in L:
            self.addPerson(
                Person(
                    name_=f'person{l}',
                    email_=f'person{l}@email.com',
                    age_=l+18
                )
            )

    def get_xtVar(self):
        # return xt.Var([
        #     person for person in self.persons.values()
        # ])
        return self.persons.values()
        # person for person in self.persons.values()
#nextpytest.py
from typing import Dict, Optional

from nextpytest.classtool import Person,Persons
from xtconfig import config
import nextpy as xt
docs_url = "https://nextpy.org/nextpy/getting-started/introduction"
filename = f"{config.app_name}/{config.app_name}.py"


def person_box(person:Person):

    return xt.vstack(
        xt.text(
            person.name
        )
    )


def persons_grid():
    return xt.box(
        xt.responsive_grid(
            xt.foreach(Persons.get_xtVar, person_box),
            columns=[1, 2, 3, 4, 5],
            gap=2,
        )
    )


def index():
    return xt.vstack(
        xt.text("Hello World!"),
        persons_grid(),
        align_items="stretch",
        min_height="80vh",
        margin_bottom="2em",
        overflow="hidden",
    )


app = xt.App(
    # Add fonts here!
    stylesheets=[
        "https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,700&family=Inter&display=swap",
    ],
)
app.add_page(index, route="/", title='mainpage')

[brejce]

I figured something out

change code to this:

#classtool.py
class Persons(xt.State):
    persons: list= []

    @xt.cached_var
    def get_xtVar(self)->list:
        L = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
        for l in L:
            self.persons.append({
                "name":f"name{l}",
                "age":l,
                "email":f"name{l}@email.com"
            })
        return self.persons

#nextpytest.py
def index():
    return xt.vstack(
        xt.text("Hello World!"),
        xt.foreach(
            Persons.get_xtVar,
            lambda p: xt.text(
                f"index:---data:{p}"
                # p.name

            )
        ),
        align_items="stretch",
        min_height="80vh",
        margin_bottom="2em",
        overflow="hidden",
    )

Finally, no error message, and could output something,I don't think class has changed from before，but can't output like p.name........

Please help me