4-5 交作业

来源:4-6 作业练习 - 用 Hook + TS + TS泛型实现useArray

慕少2234398

2021-10-20

4-5 交作业

interface useArrayResult<T> {
    value: T[],
    clear: () => void,
    removeIndex: (idx:number) => void,
    add: (person: T) => void
}

// value, clear, removeIndex, add
export function useArray <T>(value:T[]):useArrayResult<T> {
    // hello,请把作业写在这里吧,写完记得再对照作业要求检查一下
    const [arrayValue, setArrayValue] = useState(value);

    const clear = () => setArrayValue([])
    const removeIndex= (idx:number):void => { 
        const arr = [...arrayValue];
        arr.splice(idx, 1);
        setArrayValue(arr);
    }
    const add = (person:T):void => {
        const arr = [...arrayValue];
        arr.unshift(person);
        setArrayValue(arr);
    }
    return { value: arrayValue, clear, removeIndex, add}
};
写回答

1回答

斜杠男人

2021-11-14

spacer.gif 

0
0

React17+Hook+TS4 优质实践,仿 Jira 企业级项目

解锁 React17 高阶用法,轻松应对大型复杂长周期项目

2691 学习 · 1236 问题

查看课程

相似问题