I have two react apps, parent app and child app. and child app have an hash router.
- I have build the child app using npm run build, It creates build folder.
- That build folder moved into inside the public folder in parent App.
- In Parent App, I have a menu name "testing", when we navigate this menu, wants to render a child App content. to this I have used iframe inside testing component, src mapped to required router like this
return (
<div className="testing" style={{ width: "100%", height: "100%" }}>
<iframe
title="testing"
id={"chartID"}
className="iframe"
src={`${AppSettings.publicUrl}/tradjini/index.html#/margin-calculator`}
/// src="http://localhost:3001/app/strategies"
height="100%"
width="100%"
frameBorder="0"
name="testingView"
>
</iframe>
</div>
);
};
export default Testing;```
with this we can able achieve the task, **but need to use child app content without using iframes** any solution are most welcome.
In react doc I could see [https://react.dev/learn/add-react-to-an-existing-project][1] is this helpful for my task?
**The task wants to use one react app menus into another react app without calling external links in iframe**
[1]: https://react.dev/learn/add-react-to-an-existing-project