使用javascript使用innerHTML显示java枚举值

Question

在使用fetch通过以下方式向java方法发送信号后：

let res = await fetch(api call);
let data = await res.json();

我将数据对象返回到javascript，如下所示：

description: "test case"
status: {status: "PENDING"}

负责显示数据的功能如下所示：

let container = document.getElementById('id');
function populate(data){
for (obj of data) {
    let post = document.createElement('div');
    post.innerHTML = `<p>Description:  ${obj.description} and Status: ${obj.status.status}</p><br>`;
    container.append(post);
}

}

这将导致输出：

测试用例和null

或

测试用例和[对象：对象]

状态是一个枚举。如何获取要使用innerHTML显示的枚举值

Answer 1

假设你的回答是这样的：

{
    description: "test case",
    status: {status: "PENDING"},
}

然后你需要使用${object.status.status}，而不仅仅是${object.status}。这就是为什么你会得到[Object:object]，因为object.status实际上是一个对象