JiraiBoardfunction
Renders the DOM player inside a React-owned host. Options are read on mount; use a new key to load a new board.
Import it
import { JiraiBoard } from "@johnmorrisdotca/jirai/react";
Definition
function JiraiBoard({ settings, progress, material, pieces, language, controls, onChange, onFinish, onError, ...element }: JiraiProps): React.JSX.Element
Parameters
| Name | Type | Description |
|---|---|---|
options | JiraiProps | Initial field/progress, presentation, DOM host properties and native callbacks. |
Returns
React.JSX.Element
The React element owning a host for the native Minesweeper player.
Examples
import type { Settings } from "@johnmorrisdotca/jirai";
import { JiraiBoard } from "@johnmorrisdotca/jirai/react";
const settings: Settings={width:3,height:3,mines:1,grid:"square",noGuess:false,opening:"clear",seed:42};
import { createElement } from "react";
console.log(createElement(JiraiBoard,{settings,language:"ja"}).type);