已解決430363個問題，去搜搜看，總會有你想問的

如何使用以前的狀態更新字符串的狀態

首頁猿問如何使用以前的狀態更新字符串的狀態

如何使用以前的狀態更新字符串的狀態

JavaScript

撒科打諢 2022-12-22 11:56:24

我是 React 和 Javascript 的新手。我有一個帶有構造函數和函數的類組件，如下所示：class MyComponent extends Component {constructor(props) { super(props) this.state = { HTMLTable : "" }createGrid (){ for(let row = 0; row <= 20;row++) { let currentHTMLRow = `<tr id = "Row ${row}">`; for(let col = 0; col < 50; col++) { let newNodeId = `${row}_${col}`; let NodeClass = "unvisited"; currentHTMLRow = currentHTMLRow +`<td id = "${newNodeId}" class = "${NodeClass}"></td>` } this.state.HTMLTable += `${currentHTMLRow}</tr>`; } let chart = document.getElementById("grid"); chart.innerHTML = this.state.HTMLTable;}}這會產生預期的效果，但我被警告不要像這樣改變狀態的值this.state.HTMLTable += `${currentHTMLRow}</tr>`;*如何在每次循環迭代時使用 setState() 更改 HTMLTable 字符串的狀態：this.state.HTMLTable += ${currentHTMLRow}</tr>; *

查看完整描述

3 回答

aluckdog

TA貢獻1847條經驗獲得超7個贊

使用先前狀態更改狀態的方式是這樣的：

this.setState(prevState => {

return {HTMLTable: prevState.HTMLTable + whatever you want};

});

反對回復 2022-12-22

Smart貓小萌

TA貢獻1911條經驗獲得超7個贊

你不應該在 React 的循環中使用 setState 函數。通過查看您的代碼，您不需要在循環中使用狀態變量。你可以做的是擁有一個局部變量，在循環內更新它，最后將它存儲回狀態。

class MyComponent extends Component {

constructor(props) {

super(props)

this.state = {

HTMLTable : ""

}

createGrid () {

let HTMLTable = ""; // Use local varibale

for(let row = 0; row <= 20;row++)

{

let currentHTMLRow = `<tr id = "Row ${row}">`;

for(let col = 0; col < 50; col++)

{

let newNodeId = `${row}_${col}`;

let NodeClass = "unvisited";

currentHTMLRow = currentHTMLRow +`<td id = "${newNodeId}" class = "${NodeClass}"></td>`

}

HTMLTable += `${currentHTMLRow}</tr>`;

}

this.setState({HTMLTable}); // Store it back to the state.

let chart = document.getElementById("grid");

chart.innerHTML = HTMLTable;

}

反對回復 2022-12-22

青春有我

TA貢獻1784條經驗獲得超8個贊

最簡單的方法：

this.setState({

HTMLTable: this.state.HTMLTable+=currentHTMLRow

});

反對回復 2022-12-22

3 回答
0 關注
145 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何使用以前的狀態更新字符串的狀態

如何使用以前的狀態更新字符串的狀態

3 回答

添加回答