next js useStates reload className or style

#next #jsx #react

超級前端人 2022-03-11 23:53:54 ‧ 413 瀏覽

分享至

我用arr.map去渲染畫面，如果我想要用一個button去改變他的顏色，但是好像不行。

let [classState, setClassState] = useState('bg-danger')

return(
    <>
        arr.map((item)=>{
            return <p className={classStatus}>item</p>
        })
        <button onClick={ ()=>{setClassState('bg-light')} } >click<button>
    </>
)

前端野人 iT邦新手 3 級 ‧ 2022-03-12 01:20:22 檢舉

可以啊怎模不行

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

Han

iT邦研究生 1 級 ‧ 2022-03-12 00:51:10

因為你打錯字了...?

return <p className={classStatus}>item</p> (X)
return <p className={classState}>item</p> (O)

補充：
我測試起來正常無誤，你可能檢查一下 f12 有沒有出現任何錯誤吧
CodeSandbox

回應 2
分享
檢舉

超級前端人 iT邦新手 3 級 ‧ 2022-03-12 11:09:37 檢舉

噢對也，但是我正式的專案還是沒辦法，好像是react usestate不會重渲染style

Han iT邦研究生 1 級 ‧ 2022-03-12 12:28:32 檢舉

我補充囉

登入發表回應

我要發表回答

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22183 篇

完賽人數

597 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙