search

yysun / apprun

AppRun is a JavaScript library for developing high-performance and reliable web applications using the elm inspired architecture, events and components.
https://apprun.js.org
MIT License
1.18k stars 58 forks source link

Can't switch appRun components by switching in state #97

Closed vicsnow closed 4 years ago

vicsnow commented 4 years ago

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:

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 4 years ago

Please try to add Ids to Test1 and Test2.

vicsnow commented 4 years ago

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