shahryarjb

shahryarjb

Remounting when LiveComponent is called inside stateless component LiveView

Hello, based on my understanding, the order of calling module in LiveView should be like this:

Live → Live Component → Stateless Component

I have a LiveView module that call a stateless component which has a Live Component inside itself; after changing parent state I mean LiveView module the Live Component mount is being reloaded instead of update function.

Is there any chance to force it not to load mount function?

Phoenix LiveView: 0.18.18
Phoenix: 1.7.0

Before seeing code, I have nested components in my project something like this:

<dashboard> // state less
  <layout>  // state less
    <setting> // state less
      <LiveComponentA>....</LiveComponentA> // LiveComponent
    </setting>
  </layout>
</dashboard>

LiveView module:

https://github.com/mishka-group/mishka_template_creator/blob/master/lib/mishka_template_creator_web/live/template_creator_live.ex#L6-L15

Stateless component

https://github.com/mishka-group/mishka_template_creator/blob/master/lib/mishka_template_creator/components/mishka_core_component.ex#L31-L36

And:

https://github.com/mishka-group/mishka_template_creator/blob/master/lib/mishka_template_creator/components/blocks/content.ex#L29-L37

And:

https://github.com/mishka-group/mishka_template_creator/blob/master/lib/mishka_template_creator/components/elements/layout.ex#L32

Live Component

https://github.com/mishka-group/mishka_template_creator/blob/master/lib/mishka_template_creator/components/blocks/settings.ex#L137-L141

Thank you in advance

Marked As Solved

LostKobrakai

LostKobrakai

The live component will always remount when its id is changed. You’re giving it a random ID, which means it remounts whenever the parent updates.

Also Liked

BradS2S

BradS2S

Taking a bullet for the rest of us. We are doing God’s work for developers not even born yet. :joy:

Where Next?

Popular in Questions Top

electic
Hi, I am new to Elixir. I am trying to use the DateTime component to insert a date into MySQL however the there seems to be no way to fo...
New
joaquinalcerro
Hi there, I am working with Ecto-Postgresql and I need to call all of the records from a specific table but the table has 40,000 records...
New
_russellb
I want to try my hand at web scraping. What tools/libraries do I need to use. I’m hoping to turn this into something professional so don’...
New
hariharasudhan94
lets say i have a sample like a = 20; b = 10; if (a &gt; b) do {:ok, "a"} end if (a &lt; b) do {:ok, b} end if (a == b) do {:ok, "equa...
New
JulienCorb
I am trying to implement my new.html.eex file to create new posts on my website. new.html.eex: &lt;h1&gt;Create Post&lt;/h1&gt; &lt;%= ...
New
ashish173
I am using Ecto timestamps with postgres, I can see the timestamps() use the :naive_dateime but for my use case I wanted to store the ti...
New
chensan
I have a User schema with a :from_id field set to type :string: defmodule TweetBot.Repo.Migrations.CreateUsers do use Ecto.Migration ...
New
9mm
I am constructing a JSON object (map) and I need to conditionally set a field. I’m trying to write proper elixir-way code… and I’m at a l...
New
jerry
Good day to you all. I have been struggling to get a query involving like and ilike to work. Can anyone assist me on this, please? pro...
New
aalberti333
As the title describes, I’m trying to run Enum.map() over a list of key/value pairs, where the value is a map. My data looks like this: ...
New

Other popular topics Top

rms.mrcs
Hi, I need to transform a list of numbers into a map where the keys are the indexes and the values are the original values of the list. ...
New
electic
Hi, I am new to Elixir. I am trying to use the DateTime component to insert a date into MySQL however the there seems to be no way to fo...
New
nobody
Hi! In PHP: $_SERVER[‘SERVER_ADDR’] - in Elixir? Searched the docs for ip address and the web, no good results. Thanks!
New
jaysoifer
Is there a way to rollback a specific migration and only that one (“skipping” all the other ones)? Would mix ecto.rollback -v 200809061...
New
jononomo
I am trying to figure out how Mix knows whether the environment is test, dev, or prod – where is this set? Thanks.
New
chrismccord
As promised, the first release candidate of Phoenix 1.3.0 is out! This release focuses on code generators with improved project structure...
New
Brian
What is the proper way to load a module from a file in to IEX? In the python world, doing something like this pretty standard: from ....
New
Lily
In templates/appointment/index.html.eex: &lt;%= for appointment &lt;- @appointments do %&gt; &lt;tr&gt; &lt;td&gt;&lt;%= appoi...
New
dogweather
I wrote this comment on r/haskell, and it’s not popular there. :wink: But I think I’m on to something… Haskell reminds me of Java, and e...
New
jason.o
In the code below, if the create action is not set to accept “extra_key” as an input, it errors out with a message shown above. Is there ...
New

Latest on Elixir Forum

We're in Beta

About us Mission Statement