• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

158
Views
How to use if statement in export default function in react.js?

Can you explain how to use if statement inside a functional component?

I am trying to define a constant based on the value of an event being passed into props.

For instance,

export default function Event({ evt }) {

//const newVar = if{...} else{...}

//if evt.name is null, set name === 'Not defined"
//else, use evt.name.


return (
       ...my code here that uses newVar
 );
}

Thank you in advance

about 3 years ago · Juan Pablo Isaza
1 answers
Answer question

0

You have a wrong code, try the next example

    evt.name = evt.name ? evt.name : 'Not defined'

if evt.name has a value use the value if not has value user 'not defined' as a default value

Other method to resolve your problem

export default function Event({ evt: { name = 'Not Defined' } }) {
 
return(...)

With this method you are destructuring the object 'evt' and added a default value in name property

about 3 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error