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 为父组件的自定义名称

上一篇下一篇

猜你喜欢

热点阅读