如何在JSX中获取vue插槽属性？

import Vue from 'vue';

Vue.component('my-component', {
  render() {
    return (
      <div>
        <h1>My Component</h1>
        <div>{this.$slots.default}</div>
        <div>{this.$slots.footer}</div>
      </div>
    );
  },
});

// 使用示例
const app = new Vue({
  el: '#app',
  render() {
    return (
      <my-component>
        <template slot="default">
          <p>This is the default slot content.</p>
        </template>
        <template slot="footer">
          <p>This is the footer slot content.</p>
        </template>
      </my-component>
    );
  },
});