loop through db results react

Question

So I have a table, like so:

render() {
    return (
      <table id="customers">
  {/* <% if(data.length){ 
    for(var i = 0;i < data.length;i++) { %> */}
      <tr>
        <th>Name</th>
        <th>Email</th>
        <th>Message</th>
      </tr>
      <tr>
        <td>Alfreds Futterkiste</td>
        <td>Maria Anders</td>
        <td>Germany</td>
      </tr>
    </table>
    );
  }

I am able to pass the data through to the front end, however, I want to be able to loop through there data in the table. I know this is possible in ejs, but react is totally diff.

thanks 4 the help :)

react uses map, weird i know. stackoverflow.com/questions/22876978/loop-inside-react-jsx — Michael Mano
– Michael Mano, Commented Jul 22, 2021 at 3:49

Dr. Selva Mary G · Accepted Answer · 2021-07-22 04:00:14Z

1

You can try this.

   render() {
        return (
          <table id="customers">
     <tr>
           <th>Name</th>
           <th>Email</th>
           <th>Message</th>
         </tr>
      {data.length? data.map((item, key)=>{
                return <tr>
            <td>{item.name}</td>
            <td>{item.email}</td>
            <td>{item.message}</td>
          </tr>
            }):""}
    
        </table>
        );
      }

answered Jul 22, 2021 at 4:00

Dr. Selva Mary G

6981 gold badge5 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

loop through db results react

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related