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
引数
| 名前 | 型 | 説明 |
|---|---|---|
props | DiceRollerProps | 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出力(このページを作ったときに実行した結果)
この日本語は、まだ日本語を母語とする方の確認を受けていません。訂正を歓迎します。