Auto fix jsx style comments in html block to html comments

[JounQin]

// input
Inline <Test>{/* it's a comment */}</Test>

// fixed output
Inline <Test><!-- it's a comment --></Test>

Which is an opposite of #13.

[JounQin]

@mdx-js/maintainers I'm wondering whether it works as expected.

Inline <Button>{/* it's a comment */}</Button>

<Button>{/* it's a comment */}</Button>

They are not consistent IMO.

[wooorm]

I don’t understand, could you expand on what your question is?

[JounQin]

@wooorm Hmm... Did you see my capture of playground? Same "jsx" content emits different outputs due to "inline" paragraph(sorry I'm not a native English speaker).

In "inline" mode, the "jsx" children are considered as markdown content, what makes true jsx comments impossible.

[wooorm]

I saw your code! Right!

So, there is a big difference between “inline” and “block” JSX.

Taking a different example, Inline <i>**emphasis and importance**</i> is “inline” (the markdown works), whereas <div>\n**no importance, this doesn’t work**\n</div> is block (the markdown doesn’t work).

See also: mdx-js/mdx#628