Package Exports

react-kakao-link
react-kakao-link/dist/bundle.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-kakao-link) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

react-kakao-link

리액트 웹에서 사용할 수 있는 카카오 링크입니다.

example

import React from 'react';
import { KakaoLinkDefault, KakaoLinkScrap } from "react-kakao-link"

function App() {
  const template = {
    objectType: "feed",
    content: {
      title: "딸기 치즈 케익",
      description: "#케익 #딸기 #삼평동 #카페 #분위기 #소개팅",
      imageUrl:
        "http://k.kakaocdn.net/dn/Q2iNx/btqgeRgV54P/VLdBs9cvyn8BJXB3o7N8UK/kakaolink40_original.png",
      link: {
        mobileWebUrl: "https://developers.kakao.com",
        webUrl: "https://developers.kakao.com",
      },
    },
    social: {
      likeCount: 286,
      commentCount: 45,
      sharedCount: 845,
    },
    buttons: [
      {
        title: "웹으로 보기",
        link: {
          mobileWebUrl: "https://developers.kakao.com",
          webUrl: "https://developers.kakao.com",
        },
      },
      {
        title: "앱으로 보기",
        link: {
          mobileWebUrl: "https://developers.kakao.com",
          webUrl: "https://developers.kakao.com",
        },
      },
    ],
  }

  return (
    <div>
        <KakaoLinkDefault
          className="template"
          template={template}
          jsKey={"1ee5cc9e2e4525c244069216d2522870"}
        >
          <button>카카오링크 디폴트 템플릿</button>
        </KakaoLinkDefault>
        <KakaoLinkScrap
          className="scrap"
          requestUrl={"https://developers.kakao.com"}
          jsKey={"1ee5cc9e2e4525c244069216d2522870"}
        >
          <button>카카오링크 스크랩</button>
        </KakaoLinkScrap>
    </div>
  )
}

export default App;

how to use

카카오 개발자 홈페이지 애플리케이션 등록을 참조하여 개발자 페이지에 웹으로 플랫폼을 등록합니다.
JavaScript 키를 발급 받습니다.
템플릿에서 사용되는 link url 은 사이트 도메인에 등록 되어야 합니다. (ex: webUrl: "https://developers.kakao.com")

props

공통
1. jsKey - 앱 등록시 발급받은 JavaScript 키 string
2. children (optional) - 사용자가 직접 그리는 컴포넌트 ReactNode
3. className (optional) string
KakaoLinkScrap
1. requestUrl - 스크랩 탬플릿에 사용되는 requestUrl. 샘플 string
KakaoLinkDefault
1. template - objectType에 따른 탬플릿. 샘플 Object

todo

템플릿 any타입 없애기
테스트코드 작성