несколько строк JSX и truthiness проверки

Question

Я знаю, что ниже работ тестирования truthiness сообщения:

{message && <div>This works</div>} 

Но как же я заставить его работать с несколькими линиями JSX?

{message && <div> 
     <span>{message}</span> 
    </div> 
    } 

Answer 1

Вы должны использовать круглые скобки:

{message && (<div> 
     <span>{message}</span> 
     </div> 
    )}