antd 切换tab时,清空表单中的输入内容,如何清空form表单内容

image.png
当前搜索是一个孙子组件,是用form表单写的。tab切换栏存在于爷爷组件中,切换tab时,如何才能清空掉子组件的值呢?
唔,我暂时想到的办法就是把form放到爷爷组件中create。然后再一个个传递到孙组件里面。清空的方法也放到爷爷组件中,这样就可以解决清空tab切换时清空内容,也可以把清空的方法给到搜索组件中的重置里面。
但我感觉这样写法挺麻烦的。所以想请教一下各位有没有更好的解决方案可以给到我!十分感谢……

孙子组件的清空方法:
/清空 /
clearOrderList = () => {

const { selectViewArr } = this.state
selectViewArr.forEach(item => {
  item.value = ""
  return item
})
this.setState({ searchParams: {}, selectViewArr })
const { current, pageSize } = this.props.paginationReducer
this.props.saveSearchData_action({ currentPage: current, pageSize })
this.props.getOrderList()
this.props.form.resetFields()

}

阅读 3.8k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题