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

Question

当前搜索是一个孙子组件，是用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()

}