Outra Solução para Autores e Livros

1)Movi a declaração dos autores do App.js para o index.js

//index.js
const 
  autores = [
      {
          nome: "Paulo",
          livro: "React",
          preco: "1000",
      },
    ...
  ];

2)Alterei a tag Route do index.js trocando o atributo component por render e passei os autores e o tilulo como atributos para o componente Autores

antes:
//index.js
   <Route path='/autores' component={Autores} />
 depois:
   <Route path='/autores' render={props => <Autores autores={autores} titulo="Tabela de Autores Teste"  />} />

3)E no Autores.js no atributo dados troquei o this.state.autores para this.props.autores

//Autores.js
antes:
   <DataTable dados={this.state.autores} titulo={this.state.titulo} colunas={['nome']}/>
 depois:
   <DataTable dados={this.props.autores} titulo={this.props.titulo} colunas={['nome']}/>

4)Adicionei um construtor na classe App.js

//App.js
    constructor(props) {
          super(props);
          this.state = {
              autores: props.autores
          }
    }      

E fiz o mesmo para o Livros.js e tambem para o App.js

E assim unificando a declaração de autores somente no arquivo index.js

Porem, como na solução original, o que é inserido no Formulario através do botão Salvar também não reflete nas paginas de Autores e Livros