Yogesh Chauhan's Blog

What is a component helper function in React?

in React on June 7, 2021

Let’s create a simple React app with multiple components and change the code a bit:

Let’s add a function to get the birth year of the person in the People component.


The separate function is called when the People component is rendered. That function is nothing but a helper function.

How does the function get the age of the person?

The function inside the component has access to all the props that are passed to the component itself and that’s why we don’t need to specifically pass it into the function.

The separate helper function is inside the main function which is another feature of JavaScript.


Most Read

#1 Solution to the error “Visual Studio Code can’t be opened because Apple cannot check it for malicious software” #2 How to add Read More Read Less Button using JavaScript? #3 How to check if radio button is checked or not using JavaScript? #4 Solution to “TypeError: ‘x’ is not iterable” in Angular 9 #5 How to uninstall Cocoapods from the Mac OS? #6 PHP Login System using PDO Part 1: Create User Registration Page

Recently Posted

#Apr 8 JSON.stringify() in JavaScript #Apr 7 Middleware in NextJS #Jan 17 4 advanced ways to search Colleague #Jan 16 Colleague UI Basics: The Search Area #Jan 16 Colleague UI Basics: The Context Area #Jan 16 Colleague UI Basics: Accessing the user interface
You might also like these
3 Ways we can create URLSearchParams Objects in JavaScriptJavaScriptIs there a CSS parent selector?CSSHow to convert an object from API to JSON array in Angular 9?AngularEverything you need to know about ANY, SOME and ALL Operators in PostgresPostgresHow to create a CSS full page background image?CSSThe order Property in Flex Items in CSSCSSWhat’s a Log File and What are Log File Monitors?MiscellaneousHow to create a sidebar using pure CSS?CSSAccessing and Setting features of JavaScript ObjectsJavaScriptHow to load a module with configuration in SCSS?SCSSHow to render Lists in React?ReactHow to obfuscate JavaScript code to hide it from View Source?JavaScript