JS Функции высшего порядка Вложенность

Question

ЧТО НЕ ТАК ЗДЕСЬ ?? ЭТО РАБОТАЕТ, КОГДА МЕТОД ФИЛЬТРА ВЫШЕ КАРТА.

   const weekLogs = this.props.weeklyLogs          
           .map(weekLogs =>
                <div >
                    <h3>{weekLogs.title}</h3>
                </div>)
           .filter(weekLogs => weekLogs.id<10)  

Answer 1

Я не знаю почему, но так получилось.

 const weekLogs = this.props.weeklyLogs       
           .map( weekLogs =>
                <div key={weekLogs.id}>
                    <h3>{weekLogs.title}</h3>
                </div>)
           .filter((weekLogs) => weekLogs.key<10)  

Answer 2

Это похоже на реагирующую часть, а в рендеринговой части нет объекта для фильтрации.

В любом случае, сначала рекомендуется выполнить фильтрацию, а затем отобразить набор данных для вывода.

const
    weekLogs = this.props.weeklyLogs          
        .filter(weekLogs => weekLogs.id<10)  
        .map(weekLogs =>
            <div >
                <h3>{weekLogs.title}</h3>
            </div>
        )