如何在Reaction中打印对象数组

ipakzgxi  于 2022-09-21  发布在  React
关注(0)|答案(2)|浏览(164)

我有下面的代码,

1.从‘REACT’导入REACT,{Component};从‘../Etherum/Factory’导入工厂;

import ads_list from './ads_list'

class showAds extends Component {
  static async getInitialProps(){
    let i;
    let a = [];
    const ad=await factory.methods.getAdress().call();
    const unique_address = Array.from(new Set(ad));
    for ( i = 0 ;i < unique_address.length;i++){
       a[i] = await factory.methods.getClientData(unique_address[i]).call();
    }
   console.log(a);
   return {a};
 }

 render(){
    return <div>
             <p>{}</p>
          </div>;
    }
 }

 export default showAds;

对于上面的代码,我在控制台中得到了下面的值。

[ 
      {
        '0': 'www.google.com', 
        '1': 'Click here and enjoy searching', 
        '2': '17' 
      },
      { 
        '0': 'www.gmail.com', 
        '1': 'PLease login here', 
        '2': '2' 
      } 
      { 
       '0': 'www.google.com',
       '1': 'Click here and enjoy searching',
       '2': '17' 
      },
      { 
       '0': 'www.gmail.com',
       '1': 'PLease login here', 
       '2': '2' 
      } 
    ]

我面临的问题是在前端打印这些值。

c3frrgcw

c3frrgcw1#

以更简单的data为例,您可以呈现一个无序列表,如下所示:

class App extends React.Component {
  render() {
    const data = [
      {
        "0": "www.google.com",
        "1": "Click here and enjoy searching",
        "2": "17"
      },
    ];

    return (
      <ul>
        {data.map(item => {
          return <li>{item[0]}</li>;
        })}
      </ul>
    );
  }
}

代码沙盒示例如下:https://codesandbox.io/s/j3y3q9pwr3

sg2wtvxw

sg2wtvxw2#

JSON.stringify(["a", { b: "c" }])

请参见demo

相关问题