Tengo un padre de nombre de proyecto de reacción que se ejecuta en el puerto 3000 y otro hijo de nombre de proyecto que se ejecuta en el puerto 3001. En la aplicación secundaria, tengo un botón de contador que lo representé dentro de la aplicación principal usando un iframe. El contador funciona bien, pero el valor de la aplicación secundaria no se actualiza. Sin embargo, estoy llamando a esto el proyecto padre.

Heare es mi código

 parents.js return ( <div className="App"> This is Parent app <Iframe url="http://localhost:3001/" width="450px" height="450px" id="myId" className="childApp" /> </div> ); Child.js const [number, setNumber] = useState(0) return ( <div className="App"> This is Child app {number} <button onClick={() => setNumber(number + 1)}>Click me</button> </div> );