如何解析JSX文件并转换为JSON

Question

我想从JSX文件生成一个json对象，如下所示：

index.js

  return (
          <h1  cmsContent = {{
              id:'h1',
              type: 'Text'}}>
          </h1>    
          <div cmsContent = {{
                id:'blocks',
                type: 'ManyReferences',
                referenceTime: 2}}>
            {this.state.cmsContent.blocks.map( block => {
              return (
                <div>
                  <div cmsContent= {{
                    id:'title',
                    type: 'Text'}}
                  ></div>
                  <p cmsContent= {{
                    id:'description',
                    type: 'Text'}} ></p>
                </div>
              );
            })}
          <h2 cmsContent = {{
            id:'h2',
            type: 'Text'}} ></h2>
);

从文件生成的json对象：

 const json = { fields: [
    {
      id: 'h1',
      required: true,
      type: 'Text'
    },
    {
        blocks: [{ 
            fields : [ 
                  { id: 'title1', required: true, type:'Text' },
                  { id: 'description1', required: true, type:'Text' }
            ] },
            fields : [ 
                  { id: 'title2', required: true, type:'Text' },
                  { id: 'description2', required: true, type:'Text' }
            ] }
    },
    {
      id: 'h2',
      required: true,
      type: 'Text'
    }
  ]

有没有人有想法生成这个json对象？ 我用react js。 生成这个json对象最好的是什么？