Как не выводить информацию, если данные не приходят?

Question

[Влад]

Сделал две таблички и в них вывожу данные из апи.
В одну из таблиц, иногда не прилетают данные.
Как сделать так, чтобы таблица не выводилась, если данные не прилетают?

Comments

[Kovalsky]

Настоящие вопросы подъехали! Если данных нету, то не отображайте таблицу.

Answer 1

[Sashqa]

if(!data) {
    // 
}

Answer 2

[Lord_Dantes]

Сделать условие на пустоту и относительно нее показывать таблицу.

Answer 3

[runprogr]

if "Таблица" !== "" { выводим};

Answer 4

[Влад]

Я только начинаю изучать React. Не могли бы Вы, подробнее объяснить, пожалуйста.
Вот кусок кода:

class ColocationTableOne extends React.Component {
    public render(): React.ReactNode {
        return (
            <table className="colocation-tablestand">
                <thead>
                    <tr>
                        <th>
                            <FormattedMessage id="colocation.building" />
                        </th>
                        <th>
                            <FormattedMessage id="colocation.location" />
                        </th>
                        <th>
                            <FormattedMessage id="colocation.device" />
                        </th>
                        <th>
                            <FormattedMessage id="colocation.equipment_type" />
                        </th>
                        <th>
                            <FormattedMessage id="colocation.serial_number" />
                        </th>
                        <th>
                            <FormattedMessage id="colocation.equipment_model" />
                        </th>
                        <th>
                            <FormattedMessage id="colocation.room_id" />
                        </th>
                        <th>
                            <FormattedMessage id="colocation.rack_id" />
                        </th>
                    </tr>
                </thead>
                <tbody>
                    {this.props.colocationTablestand.map(
                        (el, i): React.ReactNode => (
                            <tr key={i}>
                                <td>{el.building}</td>
                                <td>{el.location}</td>

Comments

[Афанасий Захаров]

return (
            <table className="colocation-tablestand">
                <thead>
                    <tr>
                        <th>
                            <FormattedMessage id="colocation.building" />
                        </th>
                        <th>
                            <FormattedMessage id="colocation.location" />
                        </th>
                        <th>
                            <FormattedMessage id="colocation.device" />
                        </th>
                        <th>
                            <FormattedMessage id="colocation.equipment_type" />
                        </th>
                        <th>
                            <FormattedMessage id="colocation.serial_number" />
                        </th>
                        <th>
                            <FormattedMessage id="colocation.equipment_model" />
                        </th>
                        <th>
                            <FormattedMessage id="colocation.room_id" />
                        </th>
                        <th>
                            <FormattedMessage id="colocation.rack_id" />
                        </th>
                    </tr>
                </thead>
                <tbody>
                    {this.props.colocationTablestand.length>0 && this.props.colocationTablestand.map(
                        (el, i): React.ReactNode => (
                            <tr key={i}>
                                <td>{el.building}</td>
                                <td>{el.location}</td>

[Влад]

< td> не отображаются. Нужно еще, чтобы < th> не отображались.

Answer 5

[xcuube]

https://ru.react.js.org/docs/conditional-rendering.html