How to add Comment Nodes in React

comment-nodes-in-react.js

import React from 'react'

const NODE_COMMENT = 8

export default React.createClass({
  displayName: 'CommentNodeInSpan',

  render () {
    const {comment} = this.props
    
    return (
      <span ref={(span) => {
        if (span == null) {
          return // Because the callback is called even when unmounting
        }

        if (span.childNodes[0].nodeType === NODE_COMMENT && span.childNodes[0].textContent === comment) {
          return // The comment was already here
        }

        span.appendChild(document.createComment(comment))
      }} />
    )
  }
})