react-redux使用时利用ref调用子组件方法不可用报错
2020-08-28 本文已影响0人
冰天无幻
利用子组件封装成独立组件并且使用react-redux读取了数据,在父组件里面用ref 调用总是报错找不到方法
报错TypeError this.propsonRef.show is not a function
是由于 子组件中使用redux的时候,由于使用connect对子组件进行了包装,
解决方法
重新建立新方法不能使用 ref
父组件里面
handleShowModalAdd =() =>{
this.propsonRef.handleToggle()//handleToggle为子组件中的方法
}
对应view 使用添加 onRef={(ref) => this.propsonRef = ref
<SystemAdd onRef={(ref) => this.propsonRef = ref }/>
子组件
componentDidMount(){
this.props.onRef(this)//将组件实例this传递给onRef方法
}
这里的 onRef 为父组件的自定义名称