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

Question

[Влад]

добрый день!
Подскажите, пожалуйста, как корректно скрыть куски кода, если нет данных из 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;
    });

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

Answer 1

[vadimMalovaniy]

В React пишешь если есть данные выводишь блок. Именно react отвечает за отображение данных. Redux только из хранит их.

Comments

[Влад]

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

[hzzzzl]

Влад,

if (this.props.queryLog.status === ' не назначен') return null

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

[Влад]

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

[alex-1917]

Влад, ;

[Влад]

alex-1917, так же(

[vadimMalovaniy]

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

[Влад]

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>
        );
    }

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

[vadimMalovaniy]

Влад, а где условие рендеринга?