第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

使用另一個類打印一個類的多個實(shí)例

使用另一個類打印一個類的多個實(shí)例

繁華開滿天機(jī) 2022-10-21 11:08:23
我正在嘗試制作一個需要 13*13 盒子的棋盤游戲(Ludo)。我有一個盒子類,可以打印出一個方形按鈕并渲染它工作正常。下面的代碼:class Box extends React.Component{  render(){    return(      <button className="square">              </button>    );      }}問題是當(dāng)我嘗試使用 Board 類打印多個 Box 時。顯然這段代碼不起作用。我不知道為什么。任何見解都會有所幫助。class Board extends React.Component{  render(){    return(      {this.renderRow}    );  }  renderRow(){    for(let i= 0; i < 13; i++){      return(        <Box />      );    }  }}好像連盒子都不工作了。只有當(dāng)我注釋掉 Board 類時,Box 類才有效。在 Board:render 內(nèi)從 {this.renderRow} 更改為 (this.renderRow) 解決了即使 Box 類也不會渲染的問題(如更新 1 中所述)。新代碼是:class Board extends React.Component{  render(){    return(      (this.renderRow)    );  }  renderRow(){    return(        <Box />    );  }}
查看完整描述

2 回答

?
慕的地10843

TA貢獻(xiàn)1785條經(jīng)驗 獲得超8個贊

這里的問題很少。目前沒有調(diào)用renderRow方法+它返回單個項目而不是數(shù)組(行)。要修復(fù)單行渲染,您可以:


class Board extends React.Component{

  render(){

    return this.renderRow();

  }

  renderRow() {

    return Array.from({ length: 13 }, (_, i) => <Box key={i} />)

  }

}

現(xiàn)在我們創(chuàng)建一個包含 13 個框的數(shù)組。

試試codesandbox


查看完整回答
反對 回復(fù) 2022-10-21
?
ibeautiful

TA貢獻(xiàn)1993條經(jīng)驗 獲得超6個贊

this.renderRow(). 你忘記了()。key此外,由于Box 上缺少該屬性,您還會發(fā)現(xiàn) react 將開始在控制臺中為您提供錯誤



查看完整回答
反對 回復(fù) 2022-10-21
  • 2 回答
  • 0 關(guān)注
  • 126 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號