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

Как бы вы подошли к решению задачи по выводу компонентом 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

Даже web ресурсы известных организаций не защищены от детских ошибок

Надеюсь автора статьи все таки нашли ценители опытных бойцов?

Учебный курс по React, часть 8: продолжение работы над TODO-приложением, знакомство со свойствами компонентов

Концепция ясна! Вы большие молодцы что заморочились с переводом! Спасибо вам большое!