한화면에서 2개의 동일한 버튼 선택시 발생하는 버그

[ehdrms2034]

한 화면에서 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]

저도 같은 문제가 발생하는데, 해결하셨나요?

[ehdrms2034]

@hyeribo 아뇨 네이버 map API를 써서 자체적으로 해결했던 것 같습니다 :)