Form value binding messed up when using app.if

[ystyle]

type hello struct {
	app.Compo
	Switch bool
	name   string
	path   string
}

func (h *hello) OnClick(ctx app.Context, e app.Event) {
	fmt.Printf("switch: %v, name: %s, path: %s\n", h.Switch, h.name, h.path)
	h.Switch = !h.Switch
}

func (h *hello) Render() app.UI {
	return app.Div().Body(
		app.Button().Text("switch").OnClick(h.OnClick),
		app.If(h.Switch,
			app.Input().Type("text").Name("name").Placeholder("name").Value(h.name).OnChange(h.ValueTo(&h.name)),
		).Else(
			app.Input().Type("text").Name("path").Placeholder("path").Value(h.path).OnChange(h.ValueTo(&h.path)),
		),
	)
}

As in the above code, the actual binding values are all on the path

[maxence-charriere]

Try unexport your Switch, here the variable is reset by the default value at each update.

[ystyle]

still the same problem

[oderwat]

See #632 ...I believe that because both conditional code paths are always executed, you always h.ValueTo(&h.path). I still think that app.If() should be deprecated.

[ystyle]

So how can we switch between different form areas? Similar to pressing tabs to divide forms and form items to display and hide

[maxence-charriere]

Seem @oderwat is right. You could create 2 event handlers for each of your usecase without using ValueTo.

[oderwat]

Why not use a func(bool) app.UI that returns either one or the other version. This should work and avoid execution of code that is not needed.