react-hooks: custom hooks

memberEntitiy:

export interface MemberEntity {
  id: number;
  name: string;
  code: string;
}

 

const useMemberCollection = () => {
  const [memberCollection, setMemberCollection] = React.useState<MemberEntity[]>([]);

  const loadMemberCollection = () => {
    getMembersCollection().then(memberCollection =>
      setMemberCollection(memberCollection)
    );
  };

  return { memberCollection, loadMemberCollection };
};

export const MemberTableComponent = () => {
  const { memberCollection, loadMemberCollection } = useMemberCollection();

  React.useEffect(() => {
    loadMemberCollection();
  }, []);