Access ref in parent component

https://vuejs.org/v2/guide/components-edge-cases.html

https://stackoverflow.com/questions/42814406/accessing-nested-child-components-in-vuejs/42814625

https://stackoverflow.com/questions/49676654/vue-access-nested-childs-using-ref

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Bidyasagar Mishra7y ago
https://stackoverflow.com/questions/37647061/how-do-i-access-refs-of-a-child-component-in-the-parent-component
0
Rajanikant Hawaldar7y ago
https://vuejs.org/v2/guide/components-edge-cases.html
https://stackoverflow.com/questions/42814406/accessing-nested-child-components-in-vuejs/42814625

https://stackoverflow.com/questions/49676654/vue-access-nested-childs-using-ref
import React, { Component } from 'react';

const Child = ({ setRef }) => "text" ref={setRef} />;

class Parent extends Component {
    constructor(props) {
        super(props);
        this.setRef = this.setRef.bind(this);
    }

    componentDidMount() {
        // Calling a function on the Child DOM element
        this.childRef.focus();
    }

    setRef(input) {
        this.childRef = input;
    }

    render() {
        return this.setRef} />
    }
}
+1