Continuing the discussion from DButton no longer supports @action as a string. Please refactor to use an closure action instead : [imagem] DButton no longer supports @action as a string. Please refactor to use an closure action instead But essentially, the message you’re seeing means that you nee…

The modern ember pattern is to use ‘angle bracket’ syntax to invoke components. So <DButton> is preferred. We lint for this in core, but haven’t yet extended it to themes/plugins.

[imagem] David Taylor: The modern ember pattern is to use ‘angle bracket’ syntax to invoke components. So <DButton> is preferred. Oh. Hooray. That’s what I thought! It was especially confusing since the error message compained about <DButton> but I am using {{d-button}}. I’ll go about fixing…

Wait. So we gave up @actionParam in <DButton> and do this to pass stuff: @action={{fn this.addExtraVars this.extraVarsSmtp}} but in <NavItem> we still stil have this to pass parameters to a route @route="pfaffmanager.servers.show" @routeParam={{server.id}}

It’s a particular case here. <NavItem> calls <LinkTo> that requires the name of the route to link to (route) and the value to fill the dynamic segment (model, an ID here) to be separate. <LinkTo @route={{@route}} @model={{@routeParam}} >{{this.contents}} </LinkTo> Does that make sense?

It’s a fine explanation and I do understand it, but I wouldn’t say it makes sense. :slight_smile:

It makes sense because there is no function/action involved here (and it’s not needed) in NavItem. You only want to pass parameters from component to component. You see what I mean? Sorry, I’m so bad at explaining things. :sweat_smile:

{{d-button}} ou <DButton>? Essa é a questão

Dev

david (David Taylor) Fevereiro 15, 2024, 7:22pm 2

O padrão moderno do Ember é usar a sintaxe de ‘chaves angulares’ para invocar componentes. Portanto, <DButton> é preferível.

Nós fazemos linting para isso no core, mas ainda não o estendemos para temas/plugins.

Tópico		Respostas	Visualizações
DButton no longer supports @action as a string. Please refactor to use an closure action instead Development	6	515	8 de Junho de 2023
How to use application route actions in template/components? Development	1	1147	3 de Junho de 2016
Using a Discourse component in a plugin Development	19	4561	26 de Janeiro de 2017
How to add action for button in plugin Development	3	1175	31 de Maio de 2020
Can I use routeAction in glimmer single-file components? Development	6	434	18 de Dezembro de 2023

{{d-button}} ou <DButton>? Essa é a questão

Tópicos relacionados