diff options
Diffstat (limited to 'examples/with-nanostores/src/components/AdminsReact.jsx')
-rw-r--r-- | examples/with-nanostores/src/components/AdminsReact.jsx | 9 |
1 files changed, 5 insertions, 4 deletions
diff --git a/examples/with-nanostores/src/components/AdminsReact.jsx b/examples/with-nanostores/src/components/AdminsReact.jsx index 670ea1b1d..5168c6b45 100644 --- a/examples/with-nanostores/src/components/AdminsReact.jsx +++ b/examples/with-nanostores/src/components/AdminsReact.jsx @@ -1,4 +1,4 @@ -import React from 'react'; +import * as React from 'react'; import { useStore } from '@nanostores/react'; import { admins } from '../store/admins.js'; @@ -7,17 +7,18 @@ import { counter, increaseCounter, decreaseCounter } from '../store/counter.js'; const AdminsReact = () => { const list = useStore(admins); const count = useStore(counter); + return ( <> <h1>React</h1> <ul> - {list.map((user) => ( - <li key={user.name}>{JSON.stringify(user, null, 2)}</li> + {list.map((admin) => ( + <li key={admin.id}>{JSON.stringify(admin, null, 2)}</li> ))} </ul> <div> <h3>Counter</h3> - <p>{count}</p> + <p>{count.value}</p> <button onClick={decreaseCounter}>-1</button> <button onClick={increaseCounter}>+1</button> </div> |