[React] DatePicker Z-index not working

 

DatePicker의 달력이 안보인다........... z-index가 문제겠구나!

.react-datepicker-popper의 z-index를 바꾸어주었다!

 결과는!!!!!!!!!!!!!!!!!!!!!!!!

ㅠㅠ...... 뭐가 문제인지 모르겠당.................... 

 

z-index가 문제가 아닌가? position 때문에 z-index가 안먹나? 하고 오랜 시간 고민했는데..

 

popperProps={{strategy: 'fixed'}}

 

를 DatePicker에 추가해주니 됐다!!!!!!!!!!

 

popperjs가 생소해서 많이 헤맸지만 조금 자신감이 생겼따!

 

참조 : 

 

https://stackoverflow.com/questions/64882223/im-having-trouble-with-react-datepicker-position

I'm having trouble with react-datepicker position

https://popper.js.org/react-popper/v2/render-props/