0

Всем привет, помогите пожалуйста с перенос данных из массива в таблицу по циклу.

const Products = [
  {
    name: "one",
   count: "1"
  },
  {
    name: "two",
   count: "1"
  }]

Этот массив надо по циклу перенести сюда

function Tables (props) {
    const 
    return (
        <table>
            <tr>
                <td>
                Product
                </td>
                <td>
                Count
                </td>
            </tr>
            <tr>
                
            </tr>
        </table>
    )
}

Product и Count - хедер у таблицы, эти значения трогать не надо, а вот в остальные tr надо занести значения из массива.

1 ответ 1

1
function Tables (props) {
  const Products = [
    {
      name: "one",
     count: "1"
    },
    {
      name: "two",
     count: "1"
    }
  ]
  
  return (
      <table>
          <tr>
              <td>
              Product
              </td>
              <td>
              Count
              </td>
          </tr>
          {Products.map((item,i)=><tr key={i}>
              <td>{item.name}</td>
              <td>{item.count}</td>
          </tr>
          )}
      </table>
  )
}
2
  • key забыли..)
    – entithat
    10 ноя 2020 в 11:13
  • не принципиально, тут статические данные) 10 ноя 2020 в 11:14

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.