Javascript 反应-如何获得get反应并将其打印在li中？

我从服务器上得到了答案：

    "status": "fail",
    "test_result": {
        "passed": [
            {
                "test": "app.test.test_auth.MyTest.test_success"
            }
        ],
        "errors": [
            {
                "test": "app.test.test_auth.MyTest.test_error",
                "traceback": "Traceback (most recent call last)"
            }
        ]
    }

以及React应用程序代码：

class Test extends Component {

    constructor(props) {
        super(props);

        this.state = {
            test_result: {}
        };
        this.handleCLick = this.handleCLick.bind(this)
    }

    handleCLick() {
        axios.put('http://localhost:8000/sc')
            .then(response => {
                this.setState({test_result: response.data.test_result});
                })
    }

    render(){
        return (
            <div>
                <button onClick={this.handleCLick}>Start</button>
                <ul>
                    <li>
                        {this.state.test_result}
                    </li>
                </ul>
            </div>
        )
    }
}

类测试扩展组件{
建造师（道具）{
超级（道具）；
此.state={
测试结果：{}
};
this.handleCLick=this.handleCLick.bind（this）
}
handleCLick（）{
轴心http://localhost:8000/sc')
。然后（响应=>{
setState（{test_result:response.data.test_result}）；
})
}
render（）{
返回(
开始


{this.state.test_result}


)
}
}

---

如何从服务器答案中的每个“测试结果”中获取“测试”元素？我想用html元素打印它。我读了一些关于map函数的文章，并尝试了一下，但没有成功。我认为这里应该有两个映射函数用于“test_result”和“errors”/“passed”，不是吗？

如果您试图从api获取一些数据，您应该使用axios.get not put方法

我的服务器api中有一个put方法，或者您确定您的api工作正常吗？在邮递员身上测试？若你们们试图从API中获取数据，我建议你们们把修改的方法放到GetSpecific中，你们们试图呈现的是什么还不清楚。此.state.test_结果是一个对象。你不能把这个放在那样的盒子里。请清楚你想要什么。