react控制文本內容的顯示隱藏??
第一次寫react+redux項目時遇到了問題,怎么在點擊按鈕時控制元素的顯示隱藏?
如圖:
紅框框整體是個框架,會有很多個這樣的框架,當點擊具體的某一個按鈕,即數字1標示的按鈕時,我需要將
1:.tipic-content的stylemax-height改為auto
2:.flod即數字2標示的style改為display: none
其實效果就是點擊按鈕,讓顯示更多的文字顯示出來,.fold是一個底部的漸變到白色的效果而已。
然后再次點擊時<愛尬聊_百科網>做相反的動作就行了。
這個其實用jquery做很方便,點擊找到父類對應的class,修改樣式就行了,但是現在用react做,不想用jquery,就不知道怎么做,用原生的js控制元素太啰嗦了,大家有什么好方法呢。
終級魅影 6小時前
仿照下面這個 給你要改變的組件加個style ,里面可以有類似display:{block}這樣的屬性然后在需要點擊的組件那里加個onClick事件,進行觸發修改相應組件的style。
東西一舍 5小時前
https://facebook.github.io/re...
情義段譽旅游行等你來啟多彩歲月 5小時前
因該是類似文章簡介和點擊閱讀全文后展開全文的效果吧。這個要在state上設置一個屬性,在需要改變的地方引入getState,然后通過綁定按鈕(數字1標示按鈕)改變state這個屬性。如果用的是redux的話也差不多
