Javascript ) })} ) } } const VisibiliteFormMp3=Form.create（）（ListExtrait）； 常量mapStateToProps=（{comedien}）=>{ 常数{ 额外的， alertMessageUpdate， showMessageUpdate }=喜剧演员； 返回{ 额外的， alertMessageUpdate， showMessageUpdate } }; 导出默认连接( MapStateTops， { 用户注销， getExtraitMp3， hideMessageUpdate， showUpdateLoader， updateMp3Visibilite })（MMP3的可视性）；

extraitMP3是对象的对象，这就是为什么我使用

object.keys（extraitMP3）

我不知道如何正确地更新状态。 这是一种观点：

---

我相信你可以通过调用类似的东西来实现这一点，然后从你的delete中调用它

refreshMp3(){ 
this.setState({getExtraitMp3: !this.state.getExtraitMp3});}

---

我相信你可以通过调用类似的东西来做到这一点，然后从你的delete中调用它

refreshMp3(){ 
this.setState({getExtraitMp3: !this.state.getExtraitMp3});}

---

您应该将数据置于状态，然后更改状态。更改状态后，页面将自动重新呈现，并显示状态的更改数据。 因此，在delete函数中，只需删除您选择的数据，并将剩余数据交给您所在的州

---

希望这有帮助，如果我不能清楚地解释自己，请随时提问。

您应该将数据置于状态，然后更改状态。更改状态后，页面将自动重新呈现，并显示状态的更改数据。 因此，在delete函数中，只需删除您选择的数据，并将剩余数据交给您所在的州

---

希望这能有所帮助，如果我不能清楚地解释自己，请随时提问。

React的一个想法是使您要求的功能易于实现，并且会自动更新。我将从你的例子中抽象出一点。根据UI的更新内容来考虑您的数据。这样我们可以简化您的组件。你有一些东西放在桌子上。每个项都是一行，可以位于数组中。我们将该数组置于状态

class ListExtrait extends Component {
  constructor() {
    super();
    this.state = {
       rowsForTable: [...],
       somethingElse...
    }
    ...

然后，在render方法的JSX中，可以使用

map

渲染表行：

rowsForTable.map(item => <div/li/whatever>{item.name or something else}</div>

rowsForTable.map（item=>{item.name或其他内容}

---

这样，每当一个项目从

rowsForTable

中删除时，组件将自动更新其视图，并且表行将是最新的。

React的一个想法是使您要求的功能易于实现，并自动更新。我将从您的示例中提取一些内容。想想您的示例根据随UI更新的内容提供数据。通过这种方式，我们可以简化您的组件。您可以将一些项放入表中。每个项都是一行，可以位于数组中。我们将该数组置于状态

class ListExtrait extends Component {
  constructor() {
    super();
    this.state = {
       rowsForTable: [...],
       somethingElse...
    }
    ...

然后，在render方法的JSX中，可以使用

map

渲染表行：

rowsForTable.map(item => <div/li/whatever>{item.name or something else}</div>

rowsForTable.map（item=>{item.name或其他内容}

---

这样，每当一个项目从

rowsForTable

中删除时，组件将自动更新其视图，并且表行将是最新的。

您只需在单击delete按钮时调用函数，比如deleteHandler。在该函数上，调用您创建的api以删除该项目，然后在成功删除后再次调用该函数n调用api，该api将在特定时间间隔后显示数据库中的项

Code: 

  import React, { Component } from 'react'

  export default class show_schedule extends Component {
    render() {
      state={

      }
      show_item_after_delete=()=>{
        setTimeout(()=>{
          axios.get(`http://127.0.0.1:8000/account/api/show_item/`).then(res=>{
          console.log('delete schedule data ',res.data)

        })
        },500)
      }
      deleteHandler=()=>{
        axios.delete(`http://127.0.0.1:8000/account/api/delete_item/${id}`).then(res=>{
          console.log(res.data)
        })
        this.show_item_after_delete()
      }
      return (
        <div>
          <button onClick={this.deleteHandler}>Delete</button>
        </div>
      )
    }
  }

代码：
从“React”导入React，{Component}
导出默认类show_schedule extends组件{
render（）{
陈述={
}
删除后显示项目=（）=>{
设置超时（（）=>{
axios.get(`http://127.0.0.1:8000/account/api/show_item/`)。然后（res=>{
console.log（'delete schedule data'，res.data）
})
},500)
}
deleteHandler=（）=>{
axios.delete(`http://127.0.0.1:8000/account/api/delete_item/${id}`）。然后（res=>{
console.log（res.data）
})
在删除（）之后显示项目
}
返回(
删去
)
}
}

您只需在单击delete（删除）按钮（如deleteHandler）的同时调用该函数。在该函数上，调用您为删除该项而创建的api，然后在成功删除后再次调用api，该api将在特定时间间隔后从数据库中显示该项

Code: 

  import React, { Component } from 'react'

  export default class show_schedule extends Component {
    render() {
      state={

      }
      show_item_after_delete=()=>{
        setTimeout(()=>{
          axios.get(`http://127.0.0.1:8000/account/api/show_item/`).then(res=>{
          console.log('delete schedule data ',res.data)

        })
        },500)
      }
      deleteHandler=()=>{
        axios.delete(`http://127.0.0.1:8000/account/api/delete_item/${id}`).then(res=>{
          console.log(res.data)
        })
        this.show_item_after_delete()
      }
      return (
        <div>
          <button onClick={this.deleteHandler}>Delete</button>
        </div>
      )
    }
  }

代码：
从“React”导入React，{Component}
导出默认类show_schedule extends组件{
render（）{
陈述={
}
删除后显示项目=（）=>{
设置超时（（）=>{
axios.get(`http://127.0.0.1:8000/account/api/show_item/`)。然后（res=>{
console.log（'delete schedule data'，res.data）
})
},500)
}
deleteHandler=（）=>{
axios.delete(`http://127.0.0.1:8000/account/api/delete_item/${id}`）。然后（res=>{
console.log（res.data）
})
在删除（）之后显示项目
}
返回(
删去
)
}
}