How do you bind to masonry events? about react-masonry-component HOT 4 CLOSED

@ads1018 Yes this component provides access to a masonry property on the React class, you can access it using refs.

EDIT, I've updated the example to show unbinding as well.

es6

class Container extends React.Component {
    layoutCompleteHandler() {
        ...
    }

    render() {
        return <Masonry ref={c => this.masonry = c.masonry}> ... </Masonry>
    }

    componentDidMount() {
        this.masonry.on('layoutComplete', this.layoutCompleteHandler)
    }

    componentWillUnmount() {
        this.masonry.off('layoutComplete', this.layoutCompleteHandler)
    }    
}

from react-masonry-component.

Fantastic. Thanks @afram

from react-masonry-component.

I'm going to close this, please reopen if you have any further issues related to this.

from react-masonry-component.

How do you do this when using react hooks?

from react-masonry-component.