React挂钩:API失败导致组件重新呈现

时间:2020-09-17 13:23:35

标签: reactjs react-hooks

当我的API返回错误时,我的页面父组件会重新渲染,而子组件的所有数据都会丢失。奇怪的是,当我再次尝试提交时,API 引发了类似的错误,但是我的父组件没有重新呈现,因此填充的数据仍然保留,这也是我第一次想要的错误

在第一次出现api错误时调用的父组件中配置的挂钩会导致行为中断,而第二次因为组件不重新渲染挂钩而导致的行为也不会调用。

试图使代码最少。 父母具有 ChildA ,而 ChildA 具有 ChildB 作为子组件。 我在ChildB中填写了一些详细信息,然后提交了带有Parent中可用按钮的表单。表单提交调用一个API,由于后端验证失败,该API导致错误。但是,此错误会重新呈现“父级”,这会导致丢失填写在ChildB中的所有详细信息。当我再次填写相同的详细信息并提交表单时...尽管引发了相同的API错误(如预期的那样),但是这次父级不重新呈现,并且ChildB信息仍然保留。

任何想法,为什么父母会因为第一次API错误而放弃

SettingsView(showSheet: self.$showingSheet)

欢迎任何建议。

0 个答案:

没有答案