Получение вложенных данных с помощью Ajax

У меня возникли трудности с получением данных, которые приводят к такому выводу "[объект Object]". Вот пример данных, которые я получаю:

{
        "id": 1,
        "logs": [
            {
                "id": 1,
                "login_time": "2022-09-24T08:43:48.988768Z",
                "logout_time": "2022-09-24T08:43:48.988768Z",
                "work_hours": 0,
                "user": 1
            },
            {
                "id": 2,
                "login_time": "2022-09-24T10:24:59.564850Z",
                "logout_time": "2022-09-24T10:24:59.564850Z",
                "work_hours": 0,
                "user": 1
            }
        ]
}

А вот код AJAX, который я использую:

function userlist(){
            var wrapper = document.getElementById(`userlist`)
            var url = 'http://127.0.0.1:8000/userapi/'

            fetch(url)
            .then((resp) => resp.json())
            .then(function(data){
                console.log('Data:', data)

                var list = data
                for (var i in list){
                    var item = `
                        <div id="data-row-${i}">
                            ${list[i].logs}
                        </div>
                    `
                    wrapper.innerHTML += item
                }

            })
        }

Вернуться на верх