createref
TypeScript icon, indicating that this package has built-in type declarations

0.5.0 • Public • Published

createRef

Build Status npm version

A React.createRef emulation for React < 16.3

Installation

npm i --save createref

Usage

Usage is much the same as React.createRef except that createRef must be imported separately because it is not available from the React package.

See Creating Refs in the official React documentation for further details.

import React from 'react';
import createRef from 'createref';
 
class MyComponent extends React.Component {
  contructor(props) {
    super(props);
 
    // assign the ref to the component instance
    this.myRef = createRef();
  }
 
  doSomething() {
    // the element can be accessed on the current property of the ref
    console.log(this.myRef.current);
  }
 
  render() {
    // pass the ref to the rendered element
    return <div ref={this.myRef} />;
  }
}

See the examples directory for more

Readme

Keywords

Package Sidebar

Install

npm i createref

Weekly Downloads

15

Version

0.5.0

License

MIT

Unpacked Size

5.12 kB

Total Files

6

Last publish

Collaborators

  • mnorrish