is it possible to get a ref to the created component?

[mattcolman]

Hi, if I specify component="div" is it possible to get a ref to that div? The current ref returned is the React Class Component, not the div...not sure why? Thanks!

[mattcolman]

nevermind, just realised I can use findDOMNode to get the ref.

[Aarbel]

@mattcolman could you explain better how you managed this problem ?

Cf #132

Thanks a lot

[mattcolman]

yeah so the ref from Tappable returns the Tappable instance, say tappableRef. Then you can call ReactDOM.findDOMNode(tappableRef) to get the div. Does that make sense?

[Aarbel]

Thanks a lot @mattcolman ! Doesn't work for me, it doesn't return the DOM element but the React Class of Tappable as ref, here's my code :

class TestTappable extends React.Component {
    divTapped = () => {
        // Returns error "getBoundingClientRect() not defined" BECAUSE this.TappableElement is not the <div> element generated by <Tappable> but the javascript React Class
        const divPosition = this.TappableElement.getBoundingClientRect();
    }

    render() {
        return (
            <Tappable
                type="div"
                ref={element => thisTappableElement = element}
                onTap={this.divTapped}
            >
                TEST
            </Tappable>
        )
    }
}

[Aarbel]

Ok solved, that works with it :

class TestTappable extends React.Component {
    divTapped = () => {
        const tappableDOMElement = ReactDOM.findDOMNode(tappableRef)
        const divPosition = tappableDOMElement.getBoundingClientRect();
    }

    render() {
        return (
            <Tappable
                type="div"
                ref={element => thisTappableElement = element}
                onTap={this.divTapped}
            >
                TEST
            </Tappable>
        )
    }
}