react-codemod/transforms/__testfixtures__/create-element-to-jsx-preserve-comments.output.js

React codemod scripts

var React = require('react');

const render = () => {
  return (
    /*1*//*4*//*2*//*3*/<div
      /*8*/className/*9*/=/*10*/"foo"/*11*/
      /*12*/
      /*13*///17
      onClick/*14*/={/*15*/ this.handleClick}/*16*/>
      {/*19*///25
      <TodoList.Item />/*24*//*20*//*23*//*21*//*22*//*20*//*23*//*21*//*22*//*21*//*22*/}
      <span {.../*26*/getProps()/*27*/} />
      {<input /> /*28*//*29*/}
    </div>
    /*5*//*6*//*7*//*18*/
  );
};

const render2 = () => {
  return (
    <div
      // Prop comment.
      className="foo">
      {// Child string comment.
      'hello'}
    </div>
  );
};

const render3 = () => {
  return (
    <div>
      {// Child element comment.
      <span />}
    </div>
  );
};

const render4 = () => {
  return <Foo />/* No props to see here! */;
};