react 中的注释怎么写呢？{/**/}这个不好使呀~

Question

我最终想要的效果是这样

而我写的时候他被编译成了react-text这是啥东西？按理说不应该显示为<!-- hfkdshk -->这样的么？

Answer 1

// update
// 2019-9-23

原文来自 
https://stackoverflow.com/questions/40015336/how-to-render-a-html-comment-in-react

// Comment.jsx
import React, {useEffect, useRef} from 'react';

const ReactComment = ( props ) => {
    const el = useRef();
    useEffect( () => {
        el.current.outerHTML = `<!-- ${props.text} -->`;
    }, [] );
    return (
        <div ref={el}/>
    );
};

export default ReactComment;


// Other.jsx 
<ReactComment  text='friendship-components'/>

Answer 2

这是 JSX。

不要在里面写注释。

Answer 3

{/* jsx */} 单行注释

{/*
    多行注释   
*/}

Answer 4

jsx 是 js 的语法糖, 也就是, jsx 也是 js.
所以 jsx 的注释语法不是 <!-- -->
相同问题 https://segmentfault.com/q/10...