import useEvent from 'react-use-event-hook';
const App = function (prop) {
  const cv = new wjcCore.CollectionView(data);
  const grid = React.useRef();

  const initializedGrid = useEvent((flex) => {
    grid.current = flex;
  });

  function getCollectionViewData() {
    console.log(
      'collectionView의 sourceCollection 데이터입니다',
      grid.current.collectionView.sourceCollection
    );

    console.log(
      'collectionView의 items 데이터입니다',
      grid.current.collectionView.items
    );
  }

  return (
    <div className="Chart">
      <button onClick={getCollectionViewData}>
        collectionView 데이터 가져오기
      </button>
      <div className="row">
        <wjcGrid.FlexGrid
          ref={grid}
          itemsSource={cv}
          initialized={initializedGrid}
        ></wjcGrid.FlexGrid>
      </div>
    </div>
  );
}