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