laipeng/reflex
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix lost events when yielding (#1521)

Browse Source
This commit is contained in:
Thomas Brandého 2023-08-05 01:39:46 +02:00 committed by GitHub
parent a9b7394e0e
commit 134df9dbaa
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 22 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
reflex/.templates/jinja/web/pages/index.js.jinja2
View File

@ -49,25 +49,29 @@ export default function Component() {
processEvent({{state_name}}, {{state_name|react_setter}}, {{const.result}}, {{const.result|react_setter}}, {{const.router}}, {{const.socket}}.current)
}
// If there is a new result, update the state.
if ({{const.result}}.{{const.state}} != null) {
// Apply the new result to the state and the new events to the queue.
{{state_name|react_setter}}(state => ({
...{{const.result}}.{{const.state}},
events: [...state.{{const.events}}, ...{{const.result}}.{{const.events}}],
}))
// Reset the result.
{{const.result|react_setter}}(result => {
// If there is a new result, update the state.
if ({{const.result}}.{{const.state}} != null) {
// Apply the new result to the state and the new events to the queue.
{{state_name|react_setter}}(state => {
return {
...{{const.result}}.{{const.state}},
events: [...state.{{const.events}}, ...{{const.result}}.{{const.events}}],
}
})
return {
{{const.state}}: null,
{{const.events}}: [],
{{const.final}}: true,
{{const.processing}}: !{{const.result}}.{{const.final}},
}
}
return result;
})
// Reset the result.
{{const.result|react_setter}}(result => ({
{{const.state}}: null,
{{const.events}}: [],
{{const.final}}: true,
{{const.processing}}: !{{const.result}}.{{const.final}},
}))
// Process the next event.
processEvent({{state_name}}, {{state_name|react_setter}}, {{const.result}}, {{const.result|react_setter}}, {{const.router}}, {{const.socket}}.current)
}
// Process the next event.
processEvent({{state_name}}, {{state_name|react_setter}}, {{const.result}}, {{const.result|react_setter}}, {{const.router}}, {{const.socket}}.current)
})
// Set focus to the specified element.