dangerouslySetInnerHTML ``` const htmlString = { __html = "<span>an</>" } return ( <div className={isTrue?'red':'green'}><h1 className="question">{text}<hr/></h1> <h2 className={gettrue()}>{dateToString(new Date())}</h2> <h3 className={isTrue &&'p'}>{props.children}</h3> <input ref={myInputRef} /> <h3>{myInputRef.current}</h3> <h3 dangerouslySetInnerHTML={htmlString}></h3> </div> ) ``` ``` const htmlString = { __html : "<span>an</>" } return ( <div className={isTrue?'red':'green'}><h1 className="question">{text}<hr/></h1> <h2 className={gettrue()}>{dateToString(new Date())}</h2> <h3 className={isTrue &&'p'}>{props.children}</h3> <input ref={myInputRef} /> <h3>{myInputRef.current}</h3> <h3 dangerouslySetInnerHTML={htmlString}></h3> </div> ) ```