20230208 TIL 컴퓨터는 거짓말을 하지 않는다.

const CertificationForm = Form.create({ name: 'certification' })(Certification);

export default withUserAgent(withRouter(CertificationForm));

어제 아임포트 본인인증 기능을 사용하려다가 막혔던 부분이 있었다.
다른 분들께도 도움을 요청했었는데 모두 당황하였던 부분이 있었다.

분명히 아임포트에서 제공하고 있는 코드의 컴포넌트가 prop을 받고 있는데, 그 prop이 어떻게 전달된 것인지 알 수가 없었던 것이었다.

<Route exact path="/certification" component={Certification} />

이렇게만 쓰이고 있는 Certification 컴포넌트가

function Certification({ history, form, ua })

이렇게 여러가지의 prop을 받고 있었다.
그런데 도대체 어디서 받고 있는지 도저히 알 수가 없었다.

어제 오랜 시간을 들여다봐도 알 수가 없었기 때문에 어제는 일단 마무리를 하고 오늘 와서 한 번 더 코드를 살펴보았는데,

const CertificationForm = Form.create({ name: 'certification' })(Certification);

export default withUserAgent(withRouter(CertificationForm));

이런 코드가 있는 것이었다.

Form.create으로 감싸준 부분 덕분에 prop을 사용할 수 있게 된 것이었다.
코드는 거짓말을 하지 않고 반드시 어딘가에 이유가 있기 마련이다.
만약 잘 해결이 되지 않는다면 일단 다른 일을 하다가 다시 확인을 해서 해결을 해보도록 하자!