Company logo
  • Jobs
  • Bootcamp
  • About Us
  • For professionals
    • Home
    • Jobs
    • Courses
    • Questions
    • Teachers
    • Bootcamp
  • For business
    • Home
    • Our process
    • Plans
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Calculator

0

78
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

7 months 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

7 months ago · Juan Pablo Isaza Report
Answer question
Find remote jobs