How to use proxy object?

[bubnenkoff]

Hello! I am not from JS world. I just need time-to-time simple web scripting.

I tied to fetch data from web and print it in console, but it's print not data, but proxy object. How I can get access to data?

<div
    x-data="{
        posts: {},

        async getPosts() {
            this.posts = await (await fetch('http://127.0.0.1:5001/regions')).json(); // {'data': [{},{},{}] }
            console.log(this.posts);
        },

    }"
    x-init="getPosts">
</div>

if I want data. What should I use: console.log(this.posts['data']); do not work.

[danddanddand]

https://ryangjchandler.co.uk/posts/alpine-3-tips-and-tricks#5-unfurl-unwrap-codeproxycode-with-codealpinerawcode

[bcExpt1123]

<div
    x-data="{
        posts: {},

        async getPosts() {
            this.posts = await (await fetch('http://127.0.0.1:5001/regions')).json(); // {'data': [{},{},{}] }
            console.log(Alpine.raw(this.posts));
        },

    }"
    x-init="getPosts">
</div>

this one?

[bubnenkoff]

@danddanddand but in other situations I can simply pass posts to another functions?

[SimoTod]

Yes a proxy is just a transparent wrapper around the real object. Just use it as it was the object you are expecting.