はじめに

Reactで三項演算子の条件文に空配列を指定したら、ずーーーっとtrueとして実行されており、「ありゃっ」となったので調べました。

何がしたかったのか

Blog.tsx

{blogData.contents ? <BlogList blogData={blogData} /> : <p>ブログが見つかりませんでした</p>}

配列の個数が0個の場合でもブログが見つからないよーと表示されることなく、真っ白な状態であった。。。

( ﾟдﾟ)...「What's happend?」

思いっきり下記に書いており、空配列はtrutyな値でした。
そりゃあ三項演算子の右側が実行されるわけありませんね。

Blog.tsx

{blogData.contents.length ? <BlogList blogData={blogData} /> : <p>ブログが見つかりませんでした</p>}

これなら配列の要素数を元に真偽を導き出すことができるので、0個の場合は右側が実行されるようになりました。

そもそも配列をそのまま条件文に入れることが間違っていたかもしれません。