WhyCan Forum(哇酷开发者社区)

class AgeComponent(Component):
    def render(self):
        return Text(text = f"I\'m {self.props['year']} years old")

# stateless functional component
def AgeFunctionComponent(age):
    if age < 15:
        return <AgeComponent year=10 />
    else:
        return <Text text=" I'm Adult" />

class MyApp(Component):
    age = State(9)

    @thread
    def add_age(self):
        for i in range(100):
            self.age += 1
            print(f'age:{self.age}')
            # time.sleep(0.01)

    def render(self):
            return (
                <App>
                    {<Text text=" I'm Child" visible = {self.age > 15}/> if self.age < 18 else <Text text=" I'm Adult" />}
                    <Text text=" ---------------------------- " />
                    <AgeFunctionComponent age = {self.age} />
                    <AgeComponent year={self.age + 1} />
                    <Button text = 'Press Me' on_press = {self.add_age}/>
                </App>
            )

render(<MyApp/>)