리액트 로딩 버튼 onClick 이벤트 질문.

[익명(59.5)]

 이렇게 생긴 버튼 리액트 부트 스트랩에서 가져와서 

Loadingbutton.js로 저장하고 

home.js 파일에서 

이렇게 버튼 가져왔는데 onClick 이벤트가 작동이 안됨.

개발자 모드에서 보면 

분명 온클릭 이벤트 걸어뒀는데 온클릭 이벤트 반영은 안되어있음.

어떻게 해야함???  답이 안나오네 ㅠㅠ; 

[미루나무(protonmail1)]

리액트에서 onClick결면 태그에 onclick="" 이런식으로 걸리는게 아니라 js 이벤트핸들러로 걸려서 개발자 모드에서 볼거면 이벤트 리스너를 봐야됨요

[익명(59.5)]

그냥 버튼으로 하면 되는데 왜 저렇게 로딩 버튼 들고 오니 안되는거지 ㄷㄷ;;; 머라 검색해야할지도 모르겠다요

[익명(59.5)]

onClick 안에다가 console.log 찍어보면 아예 안들어가짐..... 그냥 버튼으로 하면 발동 걸리구 으앙

[nvm(milizz)]

LoadingButton에서 prop으로 넘겨진 onClick을 아예 사용안하고 있는데?

[익명(59.5)]

button.js 말고 home.js에서 스테이트 바꿔야 하는데 그럼 아예 버튼 코드를 home.js로 가져올까 ??

[nvm(milizz)]

아니 simulateNetworkRequest를 빼고 거기서 onClick을 호출하면 되지

[익명(59.5)]

button.js에서 onClick 호출하면 home.js에 있는 useState가 바뀜??

[nvm(milizz)]

너가 세번째 이미지에 나온대로 onClick으로 setSample을 호출하는 함수를 넣어줬으니까 sample이 리액트 state라는 가정 하에 당연히 바뀌지

[익명(118.218)]

LoadingButton에 onClick 줘 봤자 너가 구현을 안 했으니 당연 아무 반응 없지. prop 받아서 구현 해

[익명(118.218)]

그리고 로딩 상태를 LoadingButton 에서 관리하도록 짰는데 이러면 확장이 불가능하잖아. 상위 컴포넌트에서 관리하고 prop으로 로딩 여부를 넘겨주는 것이 좋을 거 같아. 항상 상태를 어디서 관리할지 잘 생각해