função EscutadorSubmit

Fala ai Renato, tudo bem? Assim como no this.setState a gente podia passar uma função que recebia o estado anterior, com hooks isso também é possível, exemplo:

setAutores(estadoAnterior => ({ ...estadoAnterior, autor }))

Repare que a função recebe o estado anterior como primeiro parâmetro.

Espero ter ajudado.

Fiz o código como você informou, porem tive esse resultado:

0: {nome: "Paulo", livro: "React", preco: "1000"}
1: {nome: "Daniel", livro: "Java", preco: "99"}
2: {nome: "Renato", livro: "Design", preco: "150"}
3: {nome: "Bruno", livro: "DevOps", preco: "100"}
autor: {nome: "ded", livro: "de", preco: "de"}

Ele não adicionou dentro do estado, e sim criou um novo.

O objeto autor esta chegando assim:

novoAutor: {nome: "ded", livro: "de", preco: "de"}

e fiz a implementação assim:

const  [autores, setAutores] = useState([
    {
      nome: 'Paulo',
      livro: 'React',
      preco: '1000'
    },
    {
      nome: 'Daniel',
      livro: 'Java',
      preco: '99'
    },
    {
      nome: 'Renato',
      livro: 'Design',
      preco: '150'
    },
    {
      nome: 'Bruno',
      livro: 'DevOps',
      preco: '100'
    },
  ]);

function escutadorSubmit(autor){
    console.log("novoAutor:", autor);
    // console.log(autores, autor);
    setAutores(autores => ({...autores,autor}))
  }

Fala Renato, nesse caso é um array de autores e você quer adicionar mais um, pensei que era para alterar um objeto autor.

Tenta assim:

setAutores(autoresAnterior => [...autoresAnterior, autor])

Você cria um novo array, pega todos os valores atuais no vindo no autoresAnterior e adiciona o autor novo.

Cuidado com os nomes de variaveis e parâmetros, você tinha definido o mesmo novo do seu estado, no caso: autores.

Espero ter ajudado.

Deu certo, obrigado!

Magina Renato, sempre que precisar não deixe de criar suas dúvidas.

Abraços e bons estudos.