将组件状态放在父组件, 然后用子组件处理
上代码
const Demo: FC = () => {
//todo list
const [list, setList] = useState<TodoType[]>([
{id: nanoid(5), title: '吃饭'},
{id: nanoid(5), title: '睡觉'},
])
//状态提升
return(
<div>
<h3>Todo</h3>
<List list={list} />
<InputForm list={list} setList={setList} />
)
}
export deafault Demo3