Intentando obtener el estado del botón de NavBar en iFramePage, pero siempre se representará como la variable como nula.

 // NavBar.js class ButtonExample extends React.Component { state = { status: false } render() { const { status } = this.state; return ( <button id="button1" value={status} onClick={() => this.setState({ status: !status })}> {`${status ? 'dark' : 'light'}`} </button> ); } } const NavBar = (props) => ( <AppBar {...props} > <ButtonExample/> </AppBar> ); export default NavBar;

 // iFramePage.js let mode, element = document.getElementById("button1"); if (element != null) { mode = element.innerText; } else { mode = null; } const path = ("http://127.0.0.1/kiosk&theme=") const iFramePage = () => ( <div> <iframe src={ path + mode } /> ); export default iFramePage;

Si coloco una función de botón en iFramepage para que la consola registre el valor de NavBar, devolverá el valor correctamente. Entonces, ¿supongo que se debe al momento de la representación de la página?

 function GetMode () { let str, element = document.getElementById("button1"); if (element != null) { mode = element.innerText; } else { mode = null; } console.log(mode) } ... <button label="GetMode" onClick={() => { GetMode();}} /> ...