반응형 reactstrap2 [Reactstrap] DropdownItem에 Custom Component 넣고 싶은 경우 처리 상위 Header 영역 같은 경우에는 dropdown 컴포넌트로 구성하는 경우가 많은 것으로 알고 있다. 특정 기능을 만들다가 dropdown 하위로 있는 dropdownItem 에 customInput인 switch를 넣게 되었는데 이게... 스위치를 toggle하면 toggle 이벤트에 타기도 전에 그냥 dropdown만 닫겨버리는 현상이 발생... 결론적으로 이것 때문에 한 두시간 잡았던거 같은데 애시당초 잘못 접근 했던게 아! 이게 스위치를 토글하기 전에 dropdownItem 쪽 이벤트에서 가로채서 먼저 클릭하니 닫아버리는구나! 라고 생각해서 이벤트 버블링만 막으면 되는 줄 알고 계속 관련 처리만 했는데 죽어도 스위치 토글 이벤트에는 타지도 않더라 이럴땐 다시 리셋! 처음으로 돌아가서 그래 공식.. 2024. 4. 8. Reactstrap Modal에서 autoFocus 설정 주의! Reactstrap을 사용하여 화면을 구성하고 있는데 조금 더 편한 사용환경을 위해 Modal이 오픈되면 가장 먼저 입력해야하는 Input에 Auto Focus를 적용하고 싶었다. 근데 설렁설렁 보고 적용하고 싶은 Input 태그에 autoFocus={true} 를 적용하면 되는구나 했더니 에러도 안뜨고 적용도 안되고 이 문제로만 한시간을 씨름한거 같은데 조금 예전 자료만 봐도 useRef를 써서 Fuction까지 만들어 적용하던데 나는 분명 속성값 하나로 될거라고 생각하고 있었고 그러다 딱 한 자료에서 어이없게 내 방법의 문제를 알았다. 해당 Modal에서 autoFocus를 false로 설정하고 적용하고 싶은 Input 태그에 autoFocus를 true로 설정해야 한다. 개인적인 생각으로는 Moda.. 2023. 11. 3. 이전 1 다음 반응형