Size: a a a

Svelte [svelt] - All about Svelte JavaScript framework.

2021 November 07

MZ

Misha Zamkevich in Svelte [svelt] - All about Svelte JavaScript framework.
Ребят, есть вопрос.
Я часто пишу такие конструкции, когда не уверен, что все данные будут представлены. Приходится делать много проверок.

Часто с таким сталкиваетесь в своих проектах?
источник

КС

Кирилл Спасибович... in Svelte [svelt] - All about Svelte JavaScript framework.
Я часто составляю массив в такой ситуации если это допустим пачка частично существующих однообразных полей в плане вьюхи
источник

КС

Кирилл Спасибович... in Svelte [svelt] - All about Svelte JavaScript framework.
И фильтрую мусор там
источник

КС

Кирилл Спасибович... in Svelte [svelt] - All about Svelte JavaScript framework.
Чем глубже нужная инфа в объекте тем удобнее
источник

КС

Кирилл Спасибович... in Svelte [svelt] - All about Svelte JavaScript framework.
Можно info?.workingInfo
источник

КС

Кирилл Спасибович... in Svelte [svelt] - All about Svelte JavaScript framework.
Тут конеш && жсикса прикольнее смотрится, там делаю тоже самое что и ты в паге
источник

MZ

Misha Zamkevich in Svelte [svelt] - All about Svelte JavaScript framework.
Там у меня уже развернут весь объект, просто проверяю наличие значения.
источник

MZ

Misha Zamkevich in Svelte [svelt] - All about Svelte JavaScript framework.
Конечно это сделано до вьюхи. Но бывают и сложнее вьюхи и там просто ад из ифов ((
источник

КС

Кирилл Спасибович... in Svelte [svelt] - All about Svelte JavaScript framework.
Ну я бы через each выводил если оно однотипное
источник

AP

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.
вот жеж бесполезный JSX просто пишешь {info?.workingInfo} и оно просто не рисуется если там undefined )
источник

КС

Кирилл Спасибович... in Svelte [svelt] - All about Svelte JavaScript framework.
Ну надо ж еще в p обернуть или чето типа этого
источник

MZ

Misha Zamkevich in Svelte [svelt] - All about Svelte JavaScript framework.
В jsx такие же проверки, чтобы не рисовать родительский элемент если нет детей. Никакой разницы.
источник

AP

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.
а шо p:empty { display: none }
источник

MZ

Misha Zamkevich in Svelte [svelt] - All about Svelte JavaScript framework.
Запахло реактом ))
источник

AP

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.
а ну в свелте оно эмпти не будет там же ВАЙТСПЕЙСЫ)
источник

AP

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.
запахло экономистами которые экономят дом)
источник

MZ

Misha Zamkevich in Svelte [svelt] - All about Svelte JavaScript framework.
Да, ты прав, придерживаюсь такой тактики. Возможно зря.
источник

AP

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.
ну в JSX опять же легко после того как ты сделал все элементы отфильтровать пустые просто посмотрев на el.props.children)
источник

КС

Кирилл Спасибович... in Svelte [svelt] - All about Svelte JavaScript framework.
<script>
 const filteredData = Object.entries(yourFlatObject)
   .map(([key, value]) => ({ key, value }))
   .filter(({ value }) => value != null);
</script>

{#if filteredData.length}
 <div class="info">
   {#each filteredData as item (item.key)}
     <p>{item.value}</p>
   {/each}
 </div>
{/if}
источник

КС

Кирилл Спасибович... in Svelte [svelt] - All about Svelte JavaScript framework.
мне вот так было бы норм
источник