1 Востаннє редагувалося Мишко (11.08.2020 12:59:32)

Тема: React: створити дочірні HTML-елементи програмно

Доброго дня! Як на React створити дочірні HTML-елементи програмно? Проблема полягає саме у створенні 40 однакових елементів <a> у циклі. Як я зрозумів, треба якось за допомоги props.children, але не можу збагнути як саме.

class CalendarSheetElement extends React.Component {
  render() {
    return (
      <div class="calendarTable">
        <a class="calendarTableCell">1</a>
        ...
        <a class="calendarTableCell">40</a>
      </div>
    )
  }
}

Якщо порадите літературу - буду вдячний. Макулатуру з reactjs.org/docs прошу не радити!

2

Re: React: створити дочірні HTML-елементи програмно

Щось таке:

  const items = [];

  for(let i = 1; i <= 40; ++i) {
    items.push(<a class="calendarTableCell">i</a>);
  }

  return (
    <div class="calendarTable">
      {items}
    </div>
  )
Подякували: bvn1

3

Re: React: створити дочірні HTML-елементи програмно

Дякую!