迭代一个数组数据 reactjs

Question

   const rowData = this.state.market.map((market) => {
   console.log("details", market["info"])
      {
        return {
          marketInfo: (
            <div>
              {market && !!market["info"] ? (
                <div>
                  <p>{market["info"]["name"]}</p>
                </div>
              ) : null}
            </div>
          ),
          place: "place",
          area: "area",
          action: "action",
        };
      }
    });

我在市场信息中迭代一个数组，但每次迭代时得到的名称都是一样的，但在控制台日志中却得到了不同的名称。我的代码到底出了什么问题！谁能帮帮我？

Answer 1

   const rowData = this.state.market.map((market) => {
   console.log("details", market["info"])
       return {
          marketInfo: (
            <div>
              {market?.["info"] ? (
                <div>
                  <p>{market["info"]?.["name"] || ""}</p>
                </div>
              ) : null}
            </div>
          ),
          place: "place",
          area: "area",
          action: "action",
        };
    });

试试这段代码，我想你在map func中忘了返回一个对象。