我如何获取数组中对象的值反应js

Question

对象{行：（1）[…]，计数：3} 的我的 api 给我这个

计数：3 行：数组 [{…}] 0: 对象 { ELIGIBILITATE: "2022-04-10", BFA: "2022-04-11", id: "c53d945e-4bb1-49ab-91ca-c9e046ac5de7", ... } 名字：“保罗” 博鳌亚洲论坛：“2022-04-11”

如何在react中显示值？我尝试了以下但没有成功

   class Test extends React.Component{
constructor()
{
    super()
    this.state={
        row:[            
        ]
    }
}

componentDidMount()
{
    const axios = require('axios');

    // Make a request for a user with a given ID
    axios.get('myapi')
      .then( response =>{
        // handle success
        console.log(response);
        this.setState({row:response.data});
      })
      .catch(function (error) {
        // handle error
      console.log(error);
      })
      .then(function () {
        // always executed
      
      });
    
}

render() {

    const { row } = this.state;


    return (

      <div>

        <div>

          {Object.keys(row).map(([key, value]) => {
 console.log(row);
            return (

              <div>

                {key} = {value.Nume}

              </div>

            );

          })}

        </div>

      </div>

    );

}

} 导出默认测试

Answer 1

TLDR:

那是因为您为 state.row 设置的值是一个数组。

试试这个：this.setState({row:response.data.rows[0]});

说明

您的请求的响应 - response.data - 是一个具有以下键的对象：count 和 rows。

count 不言自明。

另一方面，

rows 作为对象数组返回，这就是您将 state.row 的值设置为的值。

由于您需要一个对象而不是对象数组（渲染代码的假设），因此您需要从响应中提取它 response.data.rows[0]

我如何获取数组中对象的值反应js

How do i get the values of object in arrays react js

javascript

arrays

list

object

reactjs