Как проверить некое условие в Object.keys(obj).map?

128
19 июня 2019, 08:40

Есть Json с данными

 {
    "food": {
        "food1": {
            "id": 1,
            "name": "Каша",
            "qty": "3"
        } ,
        "food2": {
            "id": 2,
            "name": "Рис",
            "qty": "21"
        } 
    }
}

И логика которая перебирает данные и рендерит их

import React, { Component } from 'react';
import data from './food.json';

class App extends React.Component {
    render() {
        const template = Object.keys(data.food).map(item => 
        <div>
        <div key={data.food[item].id}>{data.food[item].name} </div>
        <div>{data.food[item].qty} порций</div>
        </div>
        )
        return(
        <div className="hello" style={{color: 'red'}}>    
           {template}
        </div>
        );
    }
}
export default App;

Как в ходе цикла можно проверить колличество порций и в зависимости от этого менять контент <div>{data.food[item].qty} порций</div> на нужный 1 порЦИЯ, например

Answer 1

Просто же:

<div>{data.food[item].qty} {1 === data.food[item].qty ? 'порция' : 'порций'}</div>
READ ALSO
как разбить логику на контроллер и модель в ноде

как разбить логику на контроллер и модель в ноде

Не совсем понимаю, как правильно нужно разбивать логику на controllers и models в nodeJS при работе с backend приложенияДопустим, у меня есть пример

127
Как сделать выезжающий блок?

Как сделать выезжающий блок?

Как сделать, чтобы изначально невидимый блок menu при нажатии на кнопку плавно выезжал справа на весь экранЭкран узкий мобильный

121
Работа с кнопками JavaScript

Работа с кнопками JavaScript

Есть анимация и 4 кнопки: Быстрее, Медленнее, Стоп, СтартКак сделать, чтобы при нажатии Старт, кнопка Стоп была неактивна, но если нажать потом...

120
Найти значения с тем же ключом в MySQL?

Найти значения с тем же ключом в MySQL?

Есть таблица table с полями key и nameИщу строки по значению name

105