copyToClipboard

copyToClipboard は、指定された文字列をクリップボードにコピーするための関数です。また、コピーが成功したことを示すトーストメッセージも表示します。

基本的な使い方

import {
    useCallback
} from 'react';
import {
    copyToClipboard
} from '@basemachina/view';
 
const App = () => {
    const handleClick = useCallback(() => {
        copyToClipboard('user-id', 'ユーザーIDをコピーしました！')
    }, [])
 
    return (
        <button onClick={handleClick}>
            コピー
        </button>
    );
};

詳細なインターフェース

引数

識別子	型	説明	例
`value`	文字列	クリップボードにコピーする文字列。	`value`
`message`	文字列(任意)	コピー成功時に表示するカスタムメッセージ。指定がない場合、デフォルトのメッセージ `'コピーしました'` が表示されます。	`'コピーしました！'`

戻り値

この関数は戻り値を返しません。

useURLQueries showSuccessToast / showErrorToast