así que quería implementar una especie de cosa en la que pueda poner atributos personalizados en elementos HTML que serán tomados como accesorios por un componente de reacción. Algo como:
function someFunction(props) { return <h1>props.something</h1> }HTML:
<div id="someElement" data-something="some text"></div>renders:
<h1>some text</h1>PIENSO que algo como esto podría funcionar, pero no creo que sea el mejor enfoque
let render_div = document.getElementById("someElement") render(<someElement something={render_div.getAttribute("data-something")}/>, render_div)Soy nuevo en reaccionar así que por favor ayúdenme :)
PD: estoy usando mecanografiado
Cada atributo de data- que establezca en un elemento HTML está disponible dentro de la propiedad element.dataset . Sin embargo, tenga en cuenta que hay una conversión de nombres de estilo guión a camelcase (ver MDN ).
Lo que deberías poder hacer es algo como lo siguiente:
<div id="root" data-title="title" data-my-text="my-injected-text" /> import ReactDOM from 'react-dom'; import App from './App'; const rootNode = document.getElementById('root'); const props = element.dataset; // { title: 'title', myText: 'my-injected-text' } ReactDOM.render(App, props, rootNode);