Печатает в консоли, но не на странице?

Question

Может ли кто-нибудь заметить здесь проблему?

import React from 'react'

export default function CoinTable(props){
    props.data.map(row=> {
        console.log(row.first_name)
    })

    return (
        <table>
            <thead>
                <tr>
                    <th>Name</th>
                    <th>Phone</th>
                    <th>Email</th>
                    <th>Subscription</th>
                </tr>
            </thead>
            <tbody>
                {
                    props.data.map(row => {
                        <tr>
                            <td>{row.first_name} {row.last_name}</td>                     
                            <td>{row.phone}</td> 
                            <td>{row.email}</td>                                           
                        </tr>
                    })
                }
            </tbody>
        </table>
    )
}

По какой-то причине код появляется на консоли, но не на экране. Я также печатаю из файла JSON, если это помогает.

Answer 1

Вы не возвращаете DOM в map.

props.data.map(row => {
    return (
       <tr>
         <td>{row.first_name} {row.last_name}</td>                     
         <td>{row.phone}</td> 
         <td>{row.email}</td>                                           
      </tr>
    )
})

Или точно:

props.data.map(row => (
       <tr>
         <td>{row.first_name} {row.last_name}</td>                     
         <td>{row.phone}</td> 
         <td>{row.email}</td>                                           
      </tr>
))