ciao!

essendo in react ho risolto usando useEffect e useState:
codice:
export default function Home() {
    const classes = useStyles();
    const [books, setBooks] = useState([]);

    useEffect(() => {
        async function getBooks() {
            const result = await axios.get(BOOK_ALL);
            setBooks(result.data.books)
        }

        getBooks();
    }, []);

    return (
        <Paper className={classes.root}>
            <Table className={classes.table} size="small">
                <TableHead>
                    <TableRow>
                        <StyledTableCell>Dessert (100g serving)</StyledTableCell>
                        <StyledTableCell align="right">Calories</StyledTableCell>
                        <StyledTableCell align="right">Fat&nbsp;(g)</StyledTableCell>
                        <StyledTableCell align="right">Carbs&nbsp;(g)</StyledTableCell>
                        <StyledTableCell align="right">Protein&nbsp;(g)</StyledTableCell>
                    </TableRow>
                </TableHead>
                <TableBody>
                    {books.map(row => (
                        <StyledTableRow key={row.id}>
                            <StyledTableCell component="th" scope="row">
                                {row.title}
                            </StyledTableCell>
                            <StyledTableCell align="right">{row.author}</StyledTableCell>
                            <StyledTableCell align="right">{row.editor}</StyledTableCell>
                            <StyledTableCell align="right">{row.price}</StyledTableCell>
                            <StyledTableCell align="right">{row.isbn}</StyledTableCell>
                        </StyledTableRow>
                    ))}
                </TableBody>
            </Table>
        </Paper>
    );
}
il mio problema era adattarlo a react senza usare le classi.
in effetti ero stato un pò vago.
ma girando ho fatto la ricerca giusta e trovato la situazione più corretta nel mio caso!
grazie cmq!