How to print a value inside a map returning from a function

Question

Here is a TableCell which is inside array.map((row,index) =>{})

 <TableCell component="th" scope="row" padding="none">
      {row.createdAt}
 </TableCell>

I want to pass this {row.createdAt} as a parameter in a function and instead of printing {row.createdAt} inside this I want to print the value returning from the function. Please tell me how to do that??

Can you provide your function too and what type of component are you using? — Surjeet Bhadauriya, Apr 29 '21 at 06:07

score 0 · Answer 1 · answered Apr 29 '21 at 06:10

0

You can call a function within the bracket which are inside your TableCell Component

<TableCell component="th" scope="row" padding="none">
   {yourFunction(row.createdAt)}
 </TableCell>

You call a function in JSX by calling it within {}

answered Apr 29 '21 at 06:10

Yves Kipondo

5,289
1
18
31

score 0 · Answer 2 · answered Apr 29 '21 at 06:13

It's pretty simple, just call that function and pass the row.createdAt

 <TableCell component="th" scope="row" padding="none">
      {this.yourFunctioName(row.createdAt)} // if class based component
      // OR {yourFunctioName(row.createdAt)}   if function based component
 </TableCell>

score 0 · Answer 3 · answered Apr 29 '21 at 06:41

Just create a function then call it then pass the row.createdAt as a parameter

       function getCreatedAt(createdAt) {
          // Do something
          // HERE
       
          return createdAt
       }

       <TableCell component="th" scope="row" padding="none">
            {getCreatedAt(row.createdAt)} 
       </TableCell>

How to print a value inside a map returning from a function

3 Answers3