美文网首页
react-redux使用时利用ref调用子组件方法不可用报错

react-redux使用时利用ref调用子组件方法不可用报错

作者: 冰天无幻 | 来源:发表于2020-08-28 10:58 被阅读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 为父组件的自定义名称

    相关文章

      网友评论

          本文标题:react-redux使用时利用ref调用子组件方法不可用报错

          本文链接:https://www.haomeiwen.com/subject/itzksktx.html