How Do I Reference a Component in React

In order to get a reference to a React component, you can either use this to get the current React component, or you can use a ref to get a reference to a component you own. They work like this: var MyComponent = React. createClass({ handleClick: function() { // Explicitly focus the text input using the raw DOM API.

How do you set references in React?

You can create a ref by calling React. createRef() and attaching a React element to it using the ref attribute on the element. We can “refer” to the node of the ref created in the render method with access to the current attribute of the ref.

How do I link one component to another in React?

1. Create new Header component and type out the below code into Header.js. src\components\Header.js. …
2. Create new Footer component and type out the below code into Footer.js. src\components\Footer.js. …
3. Now, update default App.js with below code snippet. src\App.js.