Pensando em pegar os dados da tabela inicial, tentei bolar algo, pegando os dados e usando no autores, como foi feito com a tabela, mas nao deu muito certo.
import React ,{ Fragment, Component } from 'react';
import Header from './Header';
let TableBody=props=>{
let lines= props.auto.map((line,index)=>{
return(
<tr key={index}>
<td >{line.name}</td>
</tr>
)
});
return <tbody>{lines}</tbody>
}
class Authors extends Component{
constructor(props){
super(props);
this.state='';
}
render(){
let autho=this.props;
return(
<Fragment>
<Header/>
<h1>Authors</h1>
<table>
<TableBody auto={autho}/>
</table>
</Fragment>
);
}
}
export default Authors;
e da esse erro
TypeError: props.auto.map is not a function
Teria que usar o props.children para passar os valores entre as telas/componentes?