本文へ移動

Korokoroコロコロ

ダイスを組み合わせて振り、ダイス表記を読み取り、正確な確率を調べます。履歴の保存やシードを指定した再現もできます。

「コロコロ」は、小さなものが転がる様子を表す言葉です。 名前について(英語)

目次

リファレンス · Reactコンポーネント

DiceRoller関数

リファレンスの説明と例は英語です。見出しと目次は日本語です。

The tray as a React component: <DiceRoller wide notation="2d20kh1+5" />.

A thin wrapper. The tray is plain DOM, mounted into this component's own element once the browser has it and taken back on unmount, so it renders nothing on the server and needs no provider. Options are read when it mounts (and again when locale changes); give it a new key to start over with different ones. notation is followed as it changes, and onRoll is always the newest one passed.

インポート

import { DiceRoller } from "@johnmorrisdotca/korokoro/react";

定義

function DiceRoller(props: DiceRollerProps): React.JSX.Element

引数

名前型説明
propsDiceRollerProps

Component properties, including notation, tray options and host attributes.

戻り値

React.JSX.Element

A React host element; the tray is mounted when the component reaches the browser.

例

import { createElement } from "react";
import { DiceRoller } from "@johnmorrisdotca/korokoro/react";
const element = createElement(DiceRoller, { notation: "2d6" });
console.log(element.type === DiceRoller);
true

出力(このページを作ったときに実行した結果)

ソースを見るGitHub で編集@johnmorrisdotca/korokoro 1.16.0 のソースから作成しました。

この日本語は、まだ日本語を母語とする方の確認を受けていません。訂正を歓迎します。