如題，目前React專案使用Tailwind CSS，並用條件判斷做className的動態改變，但是瀏覽器打開console會報“Received true for a non-boolean attribute div”，雖然有報錯，但是效果有正常執行，查了一下說是className不能接收boolean，但我用？： 判斷出來放進去的不就只是字串而已嗎？
code如下方：
<div className={`w-full pl-[2.3rem] flex flex-col overflow-hidden transition-all duration-500 max-h-0 ${socialMediaShow ? 'max-h-40' : ''}`}>
socialMediaShow這個變數是boolean，有做state，某個按鈕點擊時會改變它是true or false(這個state是從外部透過props傳入的)。
已邀請的邦友 {{ invite_list.length }}/5
iThome鐵人賽
看影片追技術