状态提升概念速通

54 阅读1分钟

将组件状态放在父组件, 然后用子组件处理

上代码

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