Porque so funciona com Arrow Function

Boa tarde,

Porque esse trecho funciona assim:

removeLinhaTabela = index => {

console.log(index);

//const { lista } = this.state.lista;
const { lista_autores } = this.state;
console.log(lista_autores);


this.setState(
  {
    lista_autores: lista_autores.filter(function(autor, posAtual){
      console.log(autor, posAtual);
      return ;
    }),
  }
)

}

e não funciona assim:

removeLinhaTabela = function(index) {

console.log(index);

//const { lista } = this.state.lista;
const { lista_autores } = this.state;
console.log(lista_autores);


this.setState(
  {
    lista_autores: lista_autores.filter(function(autor, posAtual){
      console.log(autor, posAtual);
      return ;
    }),
  }
)

}

O erro é esse:

TypeError: Cannot destructure property 'lista_autores' of 'this.state' as it is undefined. App.removeLinhaTabela src/App.js:37 34 | console.log(index); 35 | 36 | //const { lista } = this.state.lista;

37 | const { lista_autores } = this.state; | ^ 38 | console.log(lista_autores); 39 | 40 |