File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change @@ -14,32 +14,32 @@ npm install react-dice-complete
1414
1515- [ React] ( https://facebook.github.io/react/ )
1616
17- ## Example Usage (ES6)
17+ ## Usage
1818
1919``` javascript
2020import React , { useRef } from ' react'
21- import ReactDice from ' react-dice-complete'
21+ import ReactDice , { ReactDiceRef } from ' react-dice-complete'
2222
2323const MyDiceApp = () => {
2424
25- const reactDice = useRef ( )
25+ const reactDice = useRef< ReactDiceRef > ( null )
2626
27- const rollDone = (totalValue , values ) => {
27+ const rollDone = (totalValue : number , values : number [] ) => {
2828 console .log (' individual die values array:' , values)
2929 console .log (' total dice value:' , totalValue)
3030 }
3131
3232 const rollAll = () => {
33- reactDice .current .rollAll ()
33+ reactDice .current ? .rollAll ()
3434 }
3535
3636 render () {
3737 return (
3838 < div>
3939 < ReactDice
4040 numDice= {2 }
41- rollDone= {rollDone}
4241 ref= {reactDice}
42+ rollDone= {rollDone}
4343 / >
4444 < / div>
4545 )
You can’t perform that action at this time.
0 commit comments