Problem in passing component's as variables #531

AntiCoronavirus01 · 2024-02-17T15:05:51Z

AntiCoronavirus01
Feb 17, 2024

i made some page templates to making easy layouts but not working giving an error message

templates\template_templ.go:60:33: basePage.Render undefined (type func(inner templ.Component) templ.Component has no field or method Render)

code

templ basePage(inner templ.Component){
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8"></meta>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/htmx/1.9.10/htmx.min.js"></script>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"></meta>
        <title>Document</title>
    </head>
    <body>
        @inner{}
    </body>
    </html>
}

templ PageTemplate(inner templ.Component){
    @basePage(
        @headerAndFooter(inner)
    )
}

templ headerAndFooter(inner templ.Component){
    @header()
    @inner{}
    @footer()
}

a-h · 2024-02-17T16:52:14Z

a-h
Feb 17, 2024
Maintainer

Looks like you used braces instead of brackets for inner.

Should be inner() not inner{}

Can use braces to pass child components though.

inner() {
  <div></div>
}

1 reply

joerdav Feb 18, 2024
Collaborator

In this case I think no braces or brackets are appropriate, the correct syntax would be, as it's of type templ.Component rather than func() templ.Component:

<div>
    @inner
</div>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Problem in passing component's as variables #531

{{title}}

Replies: 1 comment 1 reply

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

Select a reply

Problem in passing component's as variables #531

AntiCoronavirus01 Feb 17, 2024

Replies: 1 comment · 1 reply

a-h Feb 17, 2024 Maintainer

joerdav Feb 18, 2024 Collaborator

AntiCoronavirus01
Feb 17, 2024

Replies: 1 comment 1 reply

a-h
Feb 17, 2024
Maintainer

joerdav Feb 18, 2024
Collaborator