如何在导出的const中添加html元素

// 定义一个包含 HTML 元素的 const 变量
const myHtmlElement = `
  <div>
    <h1>Hello, World!</h1>
    <p>This is a paragraph.</p>
  </div>
`;

// 将 HTML 元素插入到页面中的某个元素中
document.getElementById('app').innerHTML = myHtmlElement;

import React from 'react';

const MyComponent = () => {
  const myHtmlElement = (
    <div>
      <h1>Hello, World!</h1>
      <p>This is a paragraph.</p>
    </div>
  );

  return <div>{myHtmlElement}</div>;
};

export default MyComponent;

<template>
  <div>
    <div v-html="myHtmlElement"></div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      myHtmlElement: `
        <h1>Hello, World!</h1>
        <p>This is a paragraph.</p>
      `,
    };
  },
};
</script>