로커스 라이브러리 사용

React Library

이 예제에서는 로커스 라이브러리를 설치하고 함수를 호출하는 방법을 소개합니다.

1. 프로젝트 생성

터미널에서 다음과 같이 프로젝트를 생성합니다.

npx create-react-app locuschain-example-locuschainlib --template typescript

2. Locus library 설치

터미널에서 다음과같이 로커스 라이브러리를 설치합니다.

npm i locuschain-lib

3. App.tsx 수정

App.tsx 파일에 다음 내용을 업데이트 하세요.

// @ts-nocheck
import React, { useEffect, useState } from 'react';
import { LocusLib } from 'locuschain-lib';

function App() {
  const [versionInfo, setVersionInfo] = useState<string>()
  const [error, setError] = useState<string>()
  useEffect(() => {
    LocusLib.GetLibraryVersions()
    .then(res => {
      setVersionInfo(JSON.stringify(res))
    })
    .catch(e => {
      setError(e.message)
    })
  }, [])

  return <>
    <div>versionInfo: {`${versionInfo}`}</div>
    {error && <div style={{color: 'red'}}>{`${error}`}</div>}
  </>
}

export default App;

로커스 라이브러리의 모든 함수는 비동기 입니다. Promise를 반환하므로 await나 then을 사용하세요.

정보

사용가능한 함수 목록은 여기에서 볼 수 있습니다.

4. 실행

터미널에서 다음과같이 프로젝트를 실행합니다.

npm run start