Alguien podría ayudarme con esta idea? No sé si era posible o debería usar alguna biblioteca o habilidad.
Componente (Esto es generalmente y común)
import React, { useState } from "react"; export default function App() { const [anyVal, setAnyVal] = useState(0); return ( <div className="App"> <h1>Any Value: {anyVal}</h1> <button onClick={() => setAnyVal(anyVal + 1)}>Change value</button> </div> ); }Conexión HTML + React Dom (Esto es generalmente y común)
import { StrictMode } from "react"; import ReactDOM from "react-dom"; import App from "./App"; const rootElement = document.getElementById("root"); ReactDOM.render( <StrictMode> <App /> </StrictMode>, rootElement );Aqui la parte que no se si sera posible
<body> <div id="root" onanyvaluechanged="externalFn(v)"></div> <script> function externalFn(newValue) { alert("I've detected the change:" + newValue); } </script> </body>Si está declarando la función en una etiqueta de script como esa, existe en el alcance de la ventana global, por lo que puede llamarla así desde su componente de reacción:
window.externalFn('any value')