dioxus
dioxus copied to clipboard
Diffing cloned Components with readonlysignal panics on double drop
Problem
Any props with the T -> ReadOnlySignal<T> logic fail to diff if you try to render it multiple times:
This is the signal version of the EventHandler problem fixed in #2298
Steps To Reproduce
Run this code:
use dioxus::prelude::*;
fn main() {
launch(app);
}
fn app() -> Element {
if generation() < 5 {
println!("Generating new props");
needs_update();
}
let read_only_signal_rsx = rsx! {
// # Creation
// This creates a new read only signal which is owned by the props
// There is currently no Clone requirement to use this syntax
//
// # Diffing
// When memorizing the props, if the value is different then value is taken out of the signal
TakesReadOnlySignal { sig: generation() as i32 }
};
rsx! {
// When this is diffed, the value is moved out of read_only_signal_rsx
{read_only_signal_rsx.clone()}
// When this is diffed, it panics because the value has already been moved out of the signal in the previous line
{read_only_signal_rsx}
}
}
#[component]
fn TakesReadOnlySignal(sig: ReadOnlySignal<i32>) -> Element {
rsx! {}
}
Expected behavior
A clear and concise description of what you expected to happen.
Screenshots
If applicable, add screenshots to help explain your problem.
Environment:
- Dioxus version:
master - Rust version:
nightly - OS info: MacOS
- App platform:
all
Questionnaire
- [ ] I'm interested in fixing this myself but don't know where to start
- [ ] I would like to fix and I have a solution
- [ ] I don't have time to fix this right now, but maybe later
I can think of two different ways to fix this issue:
- Introduce an extra layer of interior mutability in every ReadOnlySignal that allows you to update the signal it points to in place. Instead of moving the readonlysignal out of the props, we could just make the readonlysignal in the component point to the new signal. This is non-breaking, but it introduces a performance penalty for all readonlysignals
- Introduce a difference between the mounted and unmounted props. The unmounted props for
TakesReadOnlySignal { sig: generation() as i32 }could be thei32value which is cloned along with the component. The ReadOnlySignal could then be created in the child component instead of moved out of the props