Streamlit文本框按回车未清空且无输出，如何解决？

Streamlit的状态管理是核心，之前的问题大概率是没通过**会话状态（session state）**正确同步输入值和提交逻辑，以下是可行的实现方案：

核心实现思路 #

利用Streamlit的st.session_state存储输入状态和历史记录，通过回调函数处理提交逻辑（保存输入+清空输入框），确保页面重渲染时状态不丢失。

完整代码示例 #

import streamlit as st

# 初始化会话状态变量
if "user_questions" not in st.session_state:
    st.session_state.user_questions = []  # 存储历史输入/输出
if "input_text" not in st.session_state:
    st.session_state.input_text = ""  # 绑定输入框的内容

# 提交回调函数：保存输入并清空输入框
def handle_submit():
    input_content = st.session_state.input_text.strip()
    if input_content:
        st.session_state.user_questions.append(input_content)
        # 清空输入框（通过重置会话状态值实现）
        st.session_state.input_text = ""

# 创建输入框：绑定会话状态key，回车时触发回调
st.text_input(
    "输入你的问题",
    key="input_text",
    on_change=handle_submit,
    placeholder="按回车提交..."
)

# 可选：添加发送按钮，触发同样的回调
st.button("发送", on_click=handle_submit)

# 显示历史记录/输出
if st.session_state.user_questions:
    st.subheader("提交记录")
    for idx, content in enumerate(st.session_state.user_questions, 1):
        st.markdown(f"*第{idx}条*: {content}")

关键说明 #

1. 会话状态绑定：输入框的key必须和st.session_state中的变量名一致，这样输入框内容会实时同步到会话状态里。
2. 回调逻辑：on_change会在输入框内容变化（包括按下回车）时触发回调函数，确保提交后立即清空输入框。
3. 避免JS冲突：直接用JS操作DOM会和Streamlit的渲染机制冲突，因为Streamlit每次交互都会重新渲染页面，只有会话状态能持久化数据。

测试时输入内容按下回车或点击发送按钮，输入框会立即清空，同时下方会显示提交的历史内容。

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