2.0.1 • Published 5 years ago

react-node-resolver v2.0.1

Weekly downloads
38,038
License
MIT
Repository
github
Last release
5 years ago

React Node Resolver

A generic technique for resolving the DOM node of any react component.

Build Status

Install

yarn add react-node-resolver

Use

import NodeResolver from 'react-node-resolver';

class ObfuscatedComponent extends Component {
  render() {
    return <div id="inaccessible-node" />;
  }
}

class GroovyThing extends Component {
  getNode = (ref) => {
    console.log(ref); // <div id="inaccessible-node" />
  }
  render () {
    return (
      <NodeResolver innerRef={this.getNode}>
        <ObfuscatedComponent />
      </NodeResolver>
    );
  }
}

Props

PropertyTypeDescription
childrenElementA single react Component
innerRefElementRefCallback ref ref => this.node = ref