Swacblooms🦋

Making the Moves
Menu
  • Home
  • Motivation
  • Education
  • Programming
  • About
  • Contact
  • Privacy Policy
Home
Programming
React- Callback Refs
Programming

React- Callback Refs

Samson Amaugo September 3, 2019

Okay guys this is a continuation of the previous react ref’s article. So here we are gonna learn a new way of making references using ‘React Ref’.

This method involves using a callback technique where the callback receives an instance or an Element as an argument.

In this technique you don’t need to make use of the React.createRef() API.

So this example below would illustrate how this can be done.

See the Pen React- Callback Refs by Samson Amaugo (@Sammy360) on CodePen.

You can leave your questions or contributions in the comment section below.

The next post would cover another part of React Refs where a Ref can be forwarded to other components and giving them control over the node in reference.

Prev Article
Next Article

Related Articles

Corona
Hello, you are welcome to read this post. I’m sure …

Making a Corona Data Fetcher (API)

Ok, we’ve gotten to the final stage and that is …

How to make a PWA and host in Azure-3

About The Author

Samson Amaugo

I am Samson Amaugo. I am a full-stack developer and I specialize in DotNet and the MERN stack.

Leave a Reply

Cancel reply

Search Site

Recent Posts

  • Implementing the MCP Stdio Transport Layer in .NET for VSCode Integration
  • Running Entity Framework Migrations in an Aspire-Bootstrapped Orleans Project
  • Using XDebug in Laravel Sail (VSCODE)
  • Custom Redis Streams Provider for Orleans
  • Creating a Custom File Storage Provider for Microsoft Orleans

Categories

  • EDUCATION
  • Motivation
  • Programming
  • Uncategorized

Get more stuff

Subscribe to our mailing list and get interesting stuff and updates to your email inbox.

Thank you for subscribing.

Something went wrong.

we respect your privacy and take protecting it seriously

RSS Swacblooms

  • Implementing the MCP Stdio Transport Layer in .NET for VSCode Integration
  • Running Entity Framework Migrations in an Aspire-Bootstrapped Orleans Project
  • Using XDebug in Laravel Sail (VSCODE)
  • Custom Redis Streams Provider for Orleans
  • Creating a Custom File Storage Provider for Microsoft Orleans
  • Incremental Generators In C#
  • Hot Chocolate Data Loader: A Quick Guide
  • Exploring Policy-Based Authorization in Minimal API with .NET 8
  • Using Cloud Firestore in Blazor WebAssembly
  • Serving A VueJs App from DotNet

Swacblooms🦋

Making the Moves
Copyright © 2025 Swacblooms🦋
Swacblooms - Making the Moves