✨ Announcing our seed funding led by Lux Capital! Read more about it on our blog ✨
[ Learn ]
[ Concepts ]
[ Reference ]
Substates
As your app grows, your state will grow too. You can split your state into multiple substates from your base state to keep things organized.
Creating a Substate
Your base state should inherit from
rx.State. Substates can either inherit from your base state or other substates.Hello World
class ParentState(rx.State):
checked: bool = True
count: int = 0
class ChildState1(ParentState):
value: int = 42
class ChildState2(ParentState):
color: str = "red"
class ChildState3(ChildState1):
text: str = "Hello World"
rx.badge(ChildState3.text, color_scheme=ChildState2.color)In the example above, we have a base state
ParentState with two substates ChildState1 and ChildState2. Additionally, ChildState3 inherits from ChildState1. Components can access any var or event handler from any substate.A common use case may be to create a substate for each page of your app, while keeping general vars such as the logged in user in the base state for easy access.
Accessing Parent State Properties
You can access the parent state properties from a child substate, however you cannot access the child properties from the parent state.
0
rx.heading(ChildState3.count, color="green")
Copyright © 2023 Pynecone, Inc.