Is there a way to map the database and render its values? React

I have done a:

useEffect(async () => {

        const query = await new Moralis.Query("Posts");

        const posts = query.find();

        console.log(posts);

    }, [])

to find all the posts in the query , but I’m trying to map it and render its value in the client side. But i don’t know how to do it or if there’s a way of rendering its values.

Can anyone help me with it?

When using react . You should consider using our hooks which make things pretty easier for you.

For instance we have a hook called useMoralisQuery()

See here :