컴포넌트간의 props 전달하기, 클래스 형태의 라우팅 함수 제작중

[nakyeonko3]

Feat: 클래스형태의 라우트 제작중

• 라우트를 범용적으로 쓰기 위함. 특정 컴포넌트에 이벤트 발생시 일부분만 라우팅하고 싶을 때 유용하게 쓰일 수 있음.
• 라우트에 props를 전달하기 위함.
• route를 범용적으로 쓸 수 있게됨.

export class Route {
  constructor({ routes, routeView } = {}) {
    this.routes = routes || {};
    this.routeView = routeView || document.querySelector('route-view');
  }

  router(props) {
    let view = this.routes[location.pathname];
    if (view) {
      document.title = view.title;
      routeView.innerHTML = '';
      view.render(props);
    } else {
      history.replaceState('', '', '/');
      routeView.innerHTML = '';
      router();
    }
  }
  renderComponent(ComponentClass) {
    const componentInstance = new ComponentClass(routeView, {});
    componentInstance.render();
  }
}