Как корректно выводить/не выводить данные?

Question

Влад @supeeeee_r_man

Начинающий веб-разработчик

Как корректно выводить/не выводить данные?

добрый день!
Подскажите, пожалуйста, как корректно скрыть куски кода, если нет данных из API.

Вот есть reducer, где обрабатываются данные:

export function queryLog(state = initialState, action): object {
    if (action.type === constants.LOAD_QUERY_LOG_STOP) {
        log = action.queryLog;
    }
    if (action.type === constants.LOAD_COMMENTS_STOP) {
        comments = action.comments;
    }

    let summ = log.concat(comments).map(el => {
        el.date = el.dt_changelog * 1000 || el.datetime * 1000;
        el.type = el.dt_changelog ? 'changelog' : 'comment';
        el.text = el.dt_changelog ? changed : el.text;
        el.author = el.dt_changelog ? el.usr.source : el.author;
        el.status = el.changelog ? ('Статус' in el.changelog ? el.changelog['Статус'].after : ' не назначен') : '';
        return el;
    });

Мне нужно, сделать так:
"Если в апи нет данных о "Статус", то блок не выводим"

Вопрос задан более трёх лет назад
140 просмотров

Комментировать

Подписаться 1 Простой Комментировать

Пригласить эксперта

Ответы на вопрос 1

8 комментариев

Влад @supeeeee_r_man Автор вопроса

не могли бы помочь с этим?

Написано более трёх лет назад
hzzzzl @hzzzzl
Влад,
if (this.props.queryLog.status === ' не назначен') return null

(возможно лучше в редюсере оставлять статус undefined/null, вместо того чтобы прописывать в переменную строку)
Написано более трёх лет назад
Влад @supeeeee_r_man Автор вопроса

hzzzzl, теперь всё перестало выводиться

Написано более трёх лет назад
alex-1917 @alex-1917

Влад, ;

Написано более трёх лет назад
Влад @supeeeee_r_man Автор вопроса

alex-1917, так же(

Написано более трёх лет назад
vadimMalovaniy @vadimMalovaniy

Влад, нужно код смотреть.

Написано более трёх лет назад

Влад @supeeeee_r_man Автор вопроса

vadimMalovaniy,

public renderLogRow(el, i): React.ReactNode {
        return (
            <div className="query-comments__comment-log" key={i}>
                <div className="query-comments__row-log">
                    <div
                        className="query-comments__author-log">
                        {el.author}
                            <span className="query-comments__text-log">{el.text}</span>
                            <span className="query-comments__status-log">{el.status}</span>
                    </div>
                    <DateRender className="query-comments__date-log" value={el.date} />
                </div>
            </div>
        );
    }

тут вывод на страницу идёт

Написано более трёх лет назад