反应本机刷新屏幕

时间:2020-09-21 10:22:17

标签: reactjs react-native

我的屏幕上有多张卡片。

sendDraft(incoiceId) {
    axios
      .post("http://192.168.0.117:3000/sendDraft", {
        incoiceId: incoiceId,
      })
      .then((response) => {
        console.log(response.data);
      });
  }
在按钮上单击

会调用此功能,它将在屏幕上删除那张卡。 但除非手动刷新应用程序或将文件保存到PC上,否则不会删除卡。

有什么方法可以刷新屏幕吗?

1 个答案:

答案 0 :(得分:0)

我不知道您如何显示卡,但是您需要为其设置状态。

const [cards, setCards] = useState([]);

getCards() {
  ...
  setCards(cardsResp)
  ...
}

sendDraft(incoiceId) {
    axios
      .post("http://192.168.0.117:3000/sendDraft", {
        incoiceId: incoiceId,
      })
      .then((response) => {
        console.log(response.data);
        getCards();
      });
  }

return (
  <View>
    {cards.map((item) => {renderItem(item)})}
  </View>
)