Add in a react component

Question

am trying without success to add a <!Doctype html> tag at the begging of my rendered component. Am doing a email signature generator where the user copies the rendered table but can't find a way to include the tag. Is that even possible? Thank you

  function renderHTML() {
    return employeData
      .filter((nom) => nom.value === nomValue)
      .map((employe) => {
        return (
          <html key={employe._id} xmlns="http://www.w3.org/1999/xhtml">
            <head>
              <span
                dangerouslySetInnerHTML={{
                  __html: `<!--[if !mso]><!-- -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--<![endif]-->
`,
                }}
              />
              <meta name="x-apple-disable-message-reformatting" />
              <meta
                httpEquiv="Content-Type"
                content="text/html; charset=UTF-8"
              />
              <meta
                name="viewport"
                content="width=device-width, initial-scale=1"
              />

              <span
                dangerouslySetInnerHTML={{
                  __html: `<!--[if mso]>
      <xml>

React renders the App content into _predefined_ HTML (index.html), normally within `
`, you're supposed to edit that one. — Yevhen Horbunkov, Aug 30 '21 at 16:08
The thing is I have a copyblock inside a page with the rendered table, the only thing I can't insert is this tag — Rustyblue100, Aug 30 '21 at 16:11
Note that you cannot have a `span` element inside a `head` element and have valid HTML. Just use `dangerouslySetInnerHTML` on the `head` element itself, if you must. — Heretic Monkey, Aug 30 '21 at 16:12
You might want to check out this thread: https://stackoverflow.com/questions/21523487/set-doctype-using-javascript — Yevhen Horbunkov, Aug 30 '21 at 16:12

Add in a react component

0 Answers0