React ではじめる

React から Spacha を呼び出すことができます．

インストール

npm から react-spacha をインストールします．

npm i react-spacha

呼び出す

HTML

import { Spacha } from "react-spacha";

<Spacha price={200} message="Hello Spacha from React!" />;

tip

Spachaコンポーネント(HTML 版)にはwidthやheightを指定する機能がありません．Spacha の幅が大きすぎる場合は，div タグでwidthを固定すると良いかもしれません．

import { Spacha } from "react-spacha";

<div style={{width: "600px"}}>
    {icon.conplete ? <Spacha
        price={200}
        message="Hello Spacha from React!"
    /> : <div>}
</div>

Canvas

import { Spacha } from "react-spacha";

<SpachaImage price={200} message="Hello Spacha from React!" />;

実装例

実装サンプルはこちら