tengo una página Data.html alojada en "http://127.0.0.1:5501/Data.html". Esta página html tiene una fila de tabla de 100*100. Tengo una aplicación de reacción alojada en http://localhost:5500/ en la que estoy mostrando esta página html.

 htmlPage: '<iframe width="100%" height="100%" scrolling="no" frameborder="no" allow="autoplay" src="http://127.0.0.1:5501/Data.html"></iframe>'

};

 return ( <div className="App"> <Iframe iframe={demos["htmlPage"]} allow="autoplay" className="ifr1" sandbox="allow-scripts" /> {/* <div className="div1"></div> */} {showModal === true ? <Example className="i am here" showModal={showModal} hideModal={hideModal} ch={ch} GD={GD} /> : <></>} </div> ); } function Iframe(props) { return ( <div className="ifram" dangerouslySetInnerHTML={{ __html: props.iframe ? props.iframe : "" }} /> ); }

Parte de origen cruzado de Data.html:

 function FunName(paramName) { localStorage.setItem("chan", paramName); window.postMessage(data2, "*"); }

muestra perfectamente la página Data.html. Ahora quiero hacer clic en una de las filas en iframe y obtener la identificación de td en el dominio iframe, que es http://localhost:5500/. cuando el dominio es diferente, la identificación se almacena en http://127.0.0.1:5501 almacenamiento local. El método posterior al mensaje tampoco muestra la identificación. Por favor, ayúdenme a obtener los datos de la página html 127.0.0.1 localStorage a http://localhost:5500(React) localStorage.