state hook
const [title, setTiltle] = useState('');
// [변화가 감지될 대상, 변화될 형태 저장할 변수] = useState(처음값)
props
return (
<Todo
handleDelete={deleteTodoHandler}
handleSubmit={onSubmitHandler}
todo={todo}
key={todo.id}
></Todo>
);
// <자식함수이름 물려줄 props><자식함수이름>
function Todo(props) {
return (
<div className='square-style'>
{props.todo.title}
{props.todo.body}
</div>
// props로 받으면 {props.함수.사용할변수}
// 구조분해할당하면 편함!