Valorizzare variabili da promise

[fermat]

ciao!

io avrei necessità di valorizzare una variabile da promise.
nello specifico sto usando axios, ma penso cambi poco.

questo è il mio ultimo tentativo:

var books = [];

axios.get(BOOK_ALL)
    .then(res => {
        books = res.data.books;
        console.log(books);
});
console.log(books);

ovviamente il secondo console è vuoto.
il primo no.
ho capito che il problema è che viene valorizzato nella promise, e che quindi non viene visto al di fuori.
ma come posso fare per ottenere quello mi serve????

[m4rko80]

Ciao, logicamente essendo una promise e' asyncrona, diciamo un po' come quando si usa Ajax.post()(o simili) di jQuery.
La risposta sta appunto in attesa e ti arriva appunto all'interno del tuo .then() e .cath() se va in errore.
Pertanto se devi fare qualcosa con quei dati lo devi fare al suo interno.
Gli esempi li trovi qui https://github.com/axios/axios

Cosa dovresti fare esattamente?

[M4V1]

Guardati l'utilizzo di async/await.
Qui una guida utile: https://www.html.it/pag/69778/funzio...on-asyncawait/

[fermat]

ciao!

essendo in react ho risolto usando useEffect e useState:

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!