美文网首页
子组件调用父组件方法

子组件调用父组件方法

作者: w晚风 | 来源:发表于2021-06-07 22:12 被阅读0次

    如果子组件要调用父组件方法,其实和传递数据差不多,只要在组件调用时,把方法传递给子组件就可以了,记得这里也要进行this的绑定,如果不绑定子组件是没办法找到这个父组件的方法的。

    <ul>
        {
            this.state.list.map((item,index)=>{
                return (
                    <XiaojiejieItem 
                    key={index+item}  
                    content={item}
                    index={index}
                    //关键代码-------------------start
                    deleteItem={this.deleteItem.bind(this)}
                    //关键代码-------------------end
                    />
                )
            })
        }
    </ul>  
    

    传递后,在XiaojiejieItem组件里直接hi用就可以了,代码如下:

    handleClick(){
        this.props.deleteItem(this.props.index)
    }
    

    相关文章

      网友评论

          本文标题:子组件调用父组件方法

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