Учебный курс по React, часть 11: динамическое формирование разметки и метод массивов map

[MadLord]

Причем тут разметка? Динамическое формирование элементов — это да. А название статьи звучит как будто обсуждается динамическое позиционирование элементов.

[dima_lapeto]

Как бы вы подошли к решению задачи по выводу компонентом App только тех экземпляров компонента Joke, длина значения свойства question которых превышает заданную длину?

ru_vds тогда код файла App.js будет таким:

import React from "react"
import Joke from "./Joke"
import jokesData from "./jokesData"

function App() {
  const jokeComponents = jokesData.filter( joke => joke.question && joke.question.length > 45).map( joke => <Joke question={joke.question} punchLine={joke.punchLine} />)

    return (
        <div>
            {jokeComponents}
        </div>
    )
}

export default App