react 配列のオブジェクトを消したい

Question

reactを使っています。
if(A)に入った時にstate(user)の配列の0番目をstateから取り除きたいです。
どのように書いたらできるのでしょうか
わかる人いましたらご教授お願いしたいです

interface User {
  id:number;
  name: string;
  email: string;
}

const [user,setUser] = useState<User[]>([]);

if(A) {
  
}

Answer 1

自分なら、いっそ

const deleteUserByIndex = (index: number) => {
  setUser(user.filter((_, i) => i !== index));
};

っていうのを作っておいて、

if (A) {
  deleteUserByIndex(0);
}

ってやるかな〜。

あと、本題とは異なりますが、user ではなく users にしたほうがよいです。

- const [user,setUser] = useState<User[]>([]);
+ const [users, setUsers] = useState<User[]>([]);

Answer 2

先頭を取り除く処理は、下記でできると多います。

setUser(user.slice(1))

Comments

[ukyoda]

投稿が被っちゃいましたOTL

Answer 3

Array.prototype.sliceでいかがでしょう。

Array.prototype.slice() - JavaScript | MDN

if (A) {
    setUser(user.slice(1));
}

細かいことですが、user/setUserよりもusers/setUsersの方が中身に適した名前かと存じます。

以上、ご参考まで。