🚧 Middleware

warning

middleware 기능은 아직 완벽하지 않습니다.

생성

middleware는 아래와 같이 만듭니다

const middleware = createMiddleware((state) => {
  console.log('request 보내기 전', state);
});

만약 request를 보낸 후에 특정 함수를 실행하고 싶다면 아래와 같이 실행할 함수를 반환합니다.

const middleware = createMiddleware(() => {
  return (state) => {
    console.log('request 보낸 후', state);
  };
});

물론 전과 후를 동시에 쓰는것도 가능합니다.

const middleware = createMiddleware((before) => {
  console.log('request 보내기 전', before);

  return (after) => {
    console.log('request 보낸 후', after);
  };
});

사용

middleware를 사용하기 위해선 우선 RequestConfig를 사용해야합니다. RequestConfig에 감쌀때, middleware라는 키로 middleware을 전달하면 됩니다.

<RequestConfig
  middleware={yourMiddleware}
>
  <Component />
</RequestConfig>

물론 여러가지 middleware를 동시에 사용할 수 있습니다.

<RequestConfig
  middleware={[middleware1, middleware2]}
>
  <Component />
</RequestConfig>

이때 middleware2와 middleware1의 관계는 아래와 같습니다.

start middleware 2
  start middleware 1
    useRequest
  end middleware 1
end middleware 2