문의 시, 사용하시는 개발환경과 디벨로퍼스 앱ID를 알려주세요.
리액트로 개발한 랜딩페이지에 저희가 주소를 입력할 수 있도록 카카오 우편번호 검색 서비스를 붙여서 사용 중인데요,
인스타그램 링크로 타고 들어가면 우편번호 팝업이 뜨지 않습니다 어떻게 해결하나요?
js코드 첨부합니다!
import React, { useState, useEffect } from 'react';
const AddressForm = ({ handleAddressSelect, addressInvalid }) => {
const [postcode, setPostcode] = useState('');
const [address, setAddress] = useState('');
const [isEmpty, setIsEmpty] = useState(false);
const sample6_execDaumPostcode = () => {
new window.daum.Postcode({
oncomplete: data => {
let addr = '';
if (data.userSelectedType === 'R') {
addr = data.roadAddress;
} else {
addr = data.jibunAddress;
}
setPostcode(data.zonecode);
setAddress(addr);
document.getElementById('sample6_postcode').value = data.zonecode;
document.getElementById('sample6_address').value = addr;
document.getElementById('sample6_detailAddress').focus();
},
}).open();
};
useEffect(() => {
const selectedAddress = {
postcode,
address,
};
if (addressInvalid == true) {
setIsEmpty(true);
} else {
setIsEmpty(false);
}
handleAddressSelect(selectedAddress);
}, [postcode, address, addressInvalid]);
return (
<div>
<input
type="text"
onClick={sample6_execDaumPostcode}
id="sample6_postcode"
placeholder="우편번호"
value={postcode}
readOnly
/>
<input type="button" onClick={sample6_execDaumPostcode} value="우편번호 찾기" />
샘플 코드 거의 그대로 사용 중입니다!