Documentation issue in Components page
Author: HygensCreated Feb 11, 2025Updated Aug 12, 2025
I attempt use that process to update value in text component but not work:
https://go-app.dev/components#updates
#Source code sample:
#Compiling I get that:
I attempt that because no get any automatic update to app.Text component after change hello Msg field.
package main
import (
"fmt"
"log"
"net/http"
"github.com/maxence-charriere/go-app/v10/pkg/app"
)
// hello is a component that displays a simple "Hello World!". A component is a
// customizable, independent, and reusable UI element. It is created by
// embedding app.Compo into a struct.
type hello struct {
app.Compo
Msg string
}
// The Render method is where the component appearance is defined. Here, a
// "Hello World!" is displayed as a heading.
func (h *hello) Render() app.UI {
h.Msg = "Just because Go and this package are really awesome!"
return app.Div().Style("border", "2px solid black").
Body(
app.H1().
Class("title").
Text("Build a GUI with Go"),
app.P().
Class("text").
Text(h.Msg),
).
OnClick(h.onClick)
}
func (h *hello) onClick(ctx app.Context, e app.Event) {
h.Msg = "Sounds good!"
h.Update()
}
func (h *hello) OnPreRender(ctx app.Context) {
fmt.Println("component prerendered")
}
func (h *hello) OnMount(ctx app.Context) {
fmt.Println("component mounted")
}
func (h *hello) OnNav(ctx app.Context) {
fmt.Println("component navigated:")
}
func (h *hello) OnDismount() {
fmt.Println("component dismounted")
}
// The main function is the entry point where the app is configured and started.
// It is executed in 2 different environments: A client (the web browser) and a
// server.
func main() {
// The first thing to do is to associate the hello component with a path.
//
// This is done by calling the Route() function, which tells go-app what
// component to display for a given path, on both client and server-side.
app.Route("/", func() app.Composer { return &hello{} })
// Once the routes set up, the next thing to do is to either launch the app
// or the server that serves the app.
//
// When executed on the client-side, the RunWhenOnBrowser() function
// launches the app, starting a loop that listens for app events and
// executes client instructions. Since it is a blocking call, the code below
// it will never be executed.
//
// When executed on the server-side, RunWhenOnBrowser() does nothing, which
// lets room for server implementation without the need for precompiling
// instructions.
app.RunWhenOnBrowser()
// Finally, launching the server that serves the app is done by using the Go
// standard HTTP package.
//
// The Handler is an HTTP handler that serves the client and all its
// required resources to make it work into a web browser. Here it is
// configured to handle requests with a path that starts with "/".
http.Handle("/", &app.Handler{
Name: "Hello",
Description: "An Hello World! example",
})
if err := http.ListenAndServe(":8000", nil); err != nil {
log.Fatal(err)
}
}
go_app_sample]$ make run
GOARCH=wasm GOOS=js go build -o web/app.wasm -buildvcs=false
# go_app_sample
./main.go:37:4: h.Update undefined (type *hello has no field or method Update)
make: *** [Makefile:2: build] Error 1
Source: maxence-charriere/go-app