javascript - setState 不会更新 react 中的状态

Question

最佳答案

您不需要刷新状态

亮点: 在状态中添加响应并使用状态来渲染卡片

尝试下面的代码:

state = {
  reminders: []
}

fetch('http://localhost:5000/addrem',{
            method: 'POST',
            headers:{'Content-Type': 'application/json'},
            body: JSONdata,
        }).then(resp => resp.json().then(data =>{
            if (data){
              this.response = data
              this.setState({
                reminders: this.response.reminders
              })
            }
          }))

{
  this.state.reminders.map((item,i=0) =>{
      return <Card key={i++} reminder={item}/>
  })
}

P.S - 不要使用 map 迭代(i)作为键，使用提醒数组中唯一标识该卡的属性。

关于javascript - setState 不会更新 react 中的状态，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/68540711/

Answer 1

您不需要刷新状态

亮点: 在状态中添加响应并使用状态来渲染卡片

尝试下面的代码:

state = {
  reminders: []
}

fetch('http://localhost:5000/addrem',{
            method: 'POST',
            headers:{'Content-Type': 'application/json'},
            body: JSONdata,
        }).then(resp => resp.json().then(data =>{
            if (data){
              this.response = data
              this.setState({
                reminders: this.response.reminders
              })
            }
          }))

{
  this.state.reminders.map((item,i=0) =>{
      return <Card key={i++} reminder={item}/>
  })
}

P.S - 不要使用 map 迭代(i)作为键，使用提醒数组中唯一标识该卡的属性。