Open ehdrms2034 opened 4 years ago
한 화면에서 2개의 react-naver-login 을 사용하는 경우, onSuccess 에 정의되어있는 이벤트가 다르다고 하더라도, 먼저 불러진 클래스의 이벤트로만 실행이 됩니다.
import NaverLogin from "react-naver-login"; import NaverSignUp from "react-naver-login"; ... ... <NaverSignUp clientId="clientID" callbackUrl="http://localhost:3000" onSuccess={(result) => { signUpByNaver(result.id,result.email,result.name,"naver"); }} onFailure={() => { alert("하이"); console.error(); }} render={(props) => ( <NaverBtn onClick={props.onClick}> 네이버 아이디로 회원가입 </NaverBtn> )} /> <NaverLogin clientId="clientID" callbackUrl="http://localhost:3000" onSuccess={(result) => { console.log(result); }} onFailure={() => { console.error(); }} render={(props) => ( <NaverBtn onClick={props.onClick}> 네이버 아이디로 로그인 </NaverBtn> )} />
라고 한다면, 위의 NaverSignUp의 onSuccess만 호출됩니다.
저도 같은 문제가 발생하는데, 해결하셨나요?
@hyeribo 아뇨 네이버 map API를 써서 자체적으로 해결했던 것 같습니다 :)
한 화면에서 2개의 react-naver-login 을 사용하는 경우, onSuccess 에 정의되어있는 이벤트가 다르다고 하더라도, 먼저 불러진 클래스의 이벤트로만 실행이 됩니다.
라고 한다면, 위의 NaverSignUp의 onSuccess만 호출됩니다.