todo 예제를 이용한 이해

import React, { useState, useEffect } from 'react';
import List from './List';

const App = () => {
	const [input, setInput] = useState('');
	const [todos, setTodos] = useState(['공부']);

	useEffect(() => {
		setInput('');
	}, [todos]);

	return (
		<div>
			<h1>todo 애플리케이션</h1>

			<form action="">
				<input type="text" name="" value={input} onChange={(e) => setInput(e.target.value)} />
				<button type="button" onClick={() => setTodos([...todos, input])}>할일추가</button>
			</form>

			<List todos={todos} />
		</div>
	);
};

export default App;