在此应注意2件事：

在更新react状态数组时，使用返回新数组( map 、 filter 、 slice 、 concat )的方法，

而不是修改现有数组( splice 、 push 、 pop 、 sort )。

在使用以前的值更新React状态时，应该为状态设置器使用回调参数。否则，您可能会得到陈旧的值。( 见 )。

if(id > -1) {
    setStudents(students=> students.filter((s,i)=>(i != id)))
}

有关如何更新响应状态数组的完整参考，请参阅此 文章 。

您需要先复制 students 数组，然后尝试按索引删除学生。我想 id 是指删除学生的索引。然后你可以尝试这样的方法：

function RemoveStudent(props) {
    const {students, setStudents, id} = props;
    return (
        <button
            className="change-student remove-student"
            onClick={() => {
                if(id > -1) {
                    const data = [...students]; // making a copy
                    data.splice(id, 1);         // removing at index id
                    console.log(data)
                    setStudents(data)
        </button>
}

使用 array.filter() 时，您在如何将回调传递给 filter() 方法时出错。请试用以下方法：

setStudents(students.filter((,index) => index !== id));

注意，索引是回调的第二个参数，所以我在索引之前使用了一个 , 。

在@Irfanullah的回答之后，您应该确定如何向学生展示。

下面是一个简单的例子：

const [students, setStudents] = useState([1, 2, 3]);
  return (
      {students.map((student, index) => {
        return <div>{student}</div>; // show the value not the index
      <button
        onClick={() => {
          let id = 1;
          const copy = [...students];
          copy.splice(id, 1)
          console.log(copy)
          setStudents(copy);