Files
home-works/src/s2-homeworks/hw03/HW3.tsx
IgnatOffice 0e359b05e7 add hw3
2022-05-30 11:53:52 +03:00

40 lines
1.0 KiB
TypeScript

import React, {useState} from 'react'
import {v1} from 'uuid'
import s from './Greeting.module.css'
import GreetingContainer from './GreetingContainer'
// types
export type UserType = {
_id: string// need to fix any
name: string // need to fix any
}
const HW1 = () => {
const [users, setUsers] = useState<UserType[]>([]) // need to fix any
const addUserCallback = (name: string) => { // need to fix any
const user = {
_id: v1(),
name,
}
setUsers([...users, user]) // need to fix
}
return (
<div id={'hw3'} className={s.hw3}>
<hr/>
{/*можно убрать этот тег*/}
{/*для автоматической проверки дз (не менять)*/}
<GreetingContainer users={users} addUserCallback={addUserCallback}/>
<hr/>
{/*можно убрать этот тег*/}
<hr/>
{/*можно убрать этот тег*/}
</div>
)
}
export default HW1