Javascript 访问对象内部的属性

我正在我的componentDidMount中进行如下提取

componentDidMount() {

        fetch('https://cors-anywhere.herokuapp.com/http://api.plos.org/search?q=title:DNA', {
            headers: {
                "Access-Control-Allow-Origin": "*",
                "Access-Control-Allow-Credentials": true,
            }
        })
            .then(response => response.json())
            .then((data)=>{

            console.log(data);
            });

    }

{response: {…}}
response:
docs: (10) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]
maxScore: 6.3768473
numFound: 5026
start: 0
__proto__: Object
__proto__: Object

我的控制台输出数据如下

componentDidMount() {

        fetch('https://cors-anywhere.herokuapp.com/http://api.plos.org/search?q=title:DNA', {
            headers: {
                "Access-Control-Allow-Origin": "*",
                "Access-Control-Allow-Credentials": true,
            }
        })
            .then(response => response.json())
            .then((data)=>{

            console.log(data);
            });

    }

{response: {…}}
response:
docs: (10) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]
maxScore: 6.3768473
numFound: 5026
start: 0
__proto__: Object
__proto__: Object

我想在这里访问docs数组。我试过

console.log（data.docs）但它返回一个未定义的值。我做错了什么？
你应该试试=>

console.log（data.response.docs）
 你应该试试=>

console.log（data.response.docs）
 您是否尝试过
数据.response.docs
？是否尝试过
数据.response.docs
？