React

by brigand

HTML

<div id="app"></div>

CSS

body {
  padding: 2em;
}

React

const rng = {
	get tag() {
	  return 'x' + Math.random().toString().slice(2)
  }
}

function App() {
	const ref = React.useRef();
  const [html, setHtml] = React.useState('');
  
  React.useEffect(() => {
	  setHtml(ref.current.outerHTML);
  }, [])
	
  
  return <div>
    <rng.tag ref={ref}>Test</rng.tag>
    <pre>{html}</pre>
  </div>
}
ReactDOM.render(<App />, document.querySelector("#app"))