How to reset signal when re-rendering of a child component of the same type in the same location?

[ixmoyren]

In dioxus version 0.6.0-alpha-2, a re-rendering was triggered by a change in the Signal of the parent component, but the re-rendering of a child component of the same type in the same location only updated the value corresponding to the incoming Props, but did not reset the Signal within the child component. How can I make the Signal in the component to be reset when re-rendering?

[ixmoyren]

I tried to add a key attribute to the component, like react does, but it doesn't work in dioxus!

[ixmoyren]

Currently, dixous' key only works in lists. To solve the above problem, you can build the component in an iterator, like this

[ixmoyren]

After this pr, key-prop works in normal components without the need to use it in iterators.

[ealmloff]

After this pr, key-prop works in normal components without the need to use it in iterators.

Keys still only matter in lists. The PR you linked just fixes hot reloading keys in debug mode

[ixmoyren]

en... I'm a little confused about the definition of this debug mode. I use the dx build command to build and then start a simple server to run. At this point, key-prop(https://github.com/ixmoyren/dioxus-example/blob/main/src/main.rs#L99) is enabling re-rendering.

The repo

https://github.com/ixmoyren/dioxus-example/tree/main

The operation

# under the project directory
dx build
cd dist
python -m http.server 9000 --bind 127.0.0.1

[ixmoyren]

FormSplitBill(https://github.com/ixmoyren/dioxus-example/blob/main/src/main.rs#L99) with key:
Screencast_20240907_011548.webm

FormSplitBill without key:
Screencast_20240907_012317.webm

[ealmloff]

I just mean building without the --release flag. The key attribute got broken in some hot reloading upgrades which are only compiled in debug mode.

The key definitely fixes things. IIRC if statements were also changed from desugering into a placeholder or the value to desugering into an iterator. That might have been the changed that fixed this.

[ixmoyren]

In this example, the output built by dx build or dx build --release has the same runtime effect. I used another similar example to verify the key attribute. The key attribute allows the component in the example to re-render, likely due to the if statement.