鍍金池/ 問答/HTML/ react遍歷以后沒插入到標(biāo)簽里面去

react遍歷以后沒插入到標(biāo)簽里面去

ListItems已經(jīng)在state聲明了
下面的代碼是在成功拿到接口數(shù)據(jù)success里面調(diào)用的

that.state.ListItems = that.state.dataList.map(item => (
          <div className="list" key={item.goodsID}>
            <img src={item.goodsListImg} alt="" />
            <div className="detail">
              <div className="title">{item.goodsName}</div>
              <div className="price">
                ￥<span>{item.price}</span>
              </div>
            </div>
          </div>
        ));
        console.log(that.state.ListItems);//這個(gè)地方打印出來數(shù)據(jù)了，下圖

圖片描述
render里面

  render() {
    return (
      <div className="hot">
        <div id="mescroll" className="mescroll">
          {this.state.ListItems}
        </div>
      </div>
    );
  }

不知道我這種動態(tài)渲染的方式對不對啊

回答
編輯回答
帥到炸

state的作為dom標(biāo)簽，在react里面唯一產(chǎn)生改變的函數(shù)就是this.setState, 才可以發(fā)生渲染

2017年2月14日 08:41
編輯回答
任她鬧

完全不對，請去看文檔進(jìn)行學(xué)習(xí)，不要自己進(jìn)行發(fā)明創(chuàng)造

2018年9月18日 15:35
編輯回答
生性
 <div className="hot">
    <div id="mescroll" className="mescroll">
      {this.state.ListItems ? this.creatDom(this.state.ListItems):null}
    </div>
  </div>

creatDom(data){
    return (
      data.map((item) => {
        return (
            <div className="list" key={item.goodsID}>
                <img src={item.goodsListImg} alt="" />
                <div className="detail">
                  <div className="title">{item.goodsName}</div>
                  <div className="price">
                    ￥<span>{item.price}</span>
                  </div>
                </div>
              </div>
        )
      })
    )
}
2018年1月29日 08:58