如何使用JSX创建非空注释节点? [英] How to create a non-empty comment node using JSX?

问题描述

我没有运气就尝试了以下方法，想产生一个<！-Baz-> 评论节点:

I've tried the following with no luck, wanted to produce a <!-- Baz --> comment node:

export default {
  render() {
    return (
      <strong>
        Foo
        {/* Baz */}
      </strong>
    )
  },
}

推荐答案

虽然严格来说不是JSX，但我没有更好的方法来实现这一点:

Although it's not strictly JSX, I haven't better way to achieve this:

import { Comment, h } from 'vue'

export default {
  render() {
    return (
      <strong>
        Foo
        {h(Comment, 'Baz')}
      </strong>
    )
  },
}

这篇关于如何使用JSX创建非空注释节点?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！