yysun/apprun

Can't switch appRun components by switching in state

vicsnow opened this issue · 2 comments

Description

Unable to switch between appRun components, using state in main.tsx
While having the ability to switch between a functional and appRun component

I have 3 components:

  • Test1 (appRun component)
  • Test2 (appRun component)
  • Test3 (functional component)

I have 3 buttons that switch state.content

If I press "change to test1" it renders Test1 component, however, if I press "change to test2" it doesn't. But it does re-render tho, when I press "change to test3"

To reproduce

npm && npm start

Click all the buttons and see that it changes only between test1||test2 and test3

Expected behavior

Switch between all three components (Test1, Test2, Test3)

yysun commented

Please try to add Ids to Test1 and Test2.

Hey, thanks, that did work!

Apparently, I was confused, because adding an "id" inside Test1 and Test2 components
e.g. view = () => <div id="test1">test1</div> did nothing
But adding them at the place of their call
e.g. content=<Test1 id="test1" /> did help

Updated my repo for those, who are interested