Python Reflex自定义步长计数器开发遇阻，求技术协助

你的代码存在几个关键问题，导致计数器无法正常工作，以下是修正后的完整代码及问题说明：

修正后的代码 #

import reflex as rx
from rxconfig import config

class Counter(rx.Base):
    count: int = 0

class State(rx.State):
    input_number: int = 0
    current: Counter = Counter(count=0)

    def increase(self):
        self.current.count += self.input_number

def index() -> rx.Component:
    return rx.vstack(
        rx.input(
            type="number",
            placeholder="Type Your number:",
            value=State.input_number,
            on_change=lambda value: State.set_input_number(int(value) if value else 0),
        ),
        rx.button(
            "Increase",
            on_click=State.increase,
        ),
        rx.text(f"当前计数: {State.current.count}"),
        spacing="2em",
        align="center",
        min_height="100vh",
        justify="center",
    )

app = rx.App()
app.add_page(index)

关键问题与修改说明 #

• 输入框未绑定状态：原输入框没有将用户输入同步到State.input_number，添加value=State.input_number绑定值，并用on_change事件将输入的字符串转为整数更新状态（处理空输入的情况避免报错）。
• 按钮点击事件错误：原代码on_click=State.increase("input_number")会直接执行方法，而非点击时触发。改为直接传递方法引用State.increase，方法内部直接从State.input_number取值。
• 冗余属性与初始化问题：原Counter类的m属性多余，且初始化current时引用类阶段的input_number无法同步后续输入值，因此简化Counter类，仅保留count属性。
• 方法逻辑优化：去掉increase方法的参数，直接使用状态中的input_number，逻辑更清晰且避免传参错误。

内容的提问来源于stack exchange，提问作者Yavrumus