index.tsx

import React from 'react';
import ReactDOM from 'react-dom';

import ReactOrgChart from '../src/index';

let counter = 0;

ReactDOM.render(
  <ReactOrgChart
    height={'100vh'}
    data={{
      id: 'root',
      name: '&#20135;&#21697;&#30740;&#21457;&#20013;&#24515;',
      leaders: [
        {
          name: '&#24429;&#20255;&#32874;',
          avatar: 'https://avatars2.githubusercontent.com/u/13917544?s=460&v=4'
        }
      ],
      members: Array.from(Array(10)).map(() => ({
        name: '&#20154;&#21592;',
        avatar: ''
      })),
      hasChildren: true
    }}
    getChildren={(node) =>
      new Promise((resolve) => {
        counter++;
        resolve(
          Array.from(Array(3)).map((_, i) => ({
            id: `sub-${counter}-${i}`,
            name: '&#23376;&#37096;&#38376;',
            hasChildren: true
          }))
        );
      })}
  />,
  document.getElementById('root')
);