mirror of
https://github.com/IgnatZakalinsky/home-works.git
synced 2025-12-16 12:31:10 +00:00
40 lines
1.0 KiB
TypeScript
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
|