В этом условном рендеринге JSX, почему требуется двойное (!!)?

Question

В следующем JSX

Почему существует двойной!

{!! count && <div className={'styles.info'}>{`did this ${count}`}</div>}

Answer 1

Вам не нужно пространство между !! и count. Они должны быть вместе примерно так: !!count.

Как сказано в комментарии, оно приводит значение к логическому значению. Если count является значением фальси, скажем 0, оно все равно будет обработано React. Использование !! для приведения 0 к false гарантирует, что 0 никогда не будет обработан.