react控制文本內(nèi)容的顯示隱藏?

科技 未結 3 1576

第一次寫react+redux項目時遇到了問題,怎么在點擊按鈕時控制元素的顯示隱藏?

如圖:
紅框框整體是個框架,會有很多個這樣的框架,當點擊具體的某一個按鈕,即數(shù)字1標示的按鈕時,我需要將
1:.tipic-content的stylemax-height改為auto
2:.flod即數(shù)字2標示的style改為display: none
其實效果就是點擊按鈕,讓顯示更多的文字顯示出來,.fold是一個底部的漸變到白色的效果而已。
然后再次點擊時做相反的動作就行了。
這個其實用jquery做很方便,點擊找到父類對應的class,修改樣式就行了,但是現(xiàn)在用react做,不想用jquery,就不知道怎么做,用原生的js控制元素太啰嗦了,大家有什么好方法呢。

相關標簽:
3條回答
  • 2023-06-12 04:25

    仿照下面這個 給你要改變的組件加個style ,里面可以有類似display:{block}這樣的屬性然后在需要點擊的組件那里加個onClick事件,進行觸發(fā)修改相應組件的style。

    0 討論(0)
  • 2023-06-12 04:31

    https://facebook.github.io/re...

    0 討論(0)
  • 因該是類似文章簡介和點擊閱讀全文后展開全文的效果吧。這個要在state上設置一個屬性,在需要改變的地方引入getState,然后通過綁定按鈕(數(shù)字1標示按鈕)改變state這個屬性。如果用的是redux的話也差不多

    0 討論(0)
提交回復
最新問題
劍3世界喊話那么多的廣告如何屏蔽 1
不孕檢查步驟 1
索尼z9f回音壁對比安橋5800家庭影院 1
g9k7333700人民幣值錢嗎 後面有藍色z標志 1
索尼95J邊框與屏幕有縫隙 1
歡欣森活背包怎么擴容? 1
孕酮值多少是宮外孕 1
海爾75R9電視怎么樣?海爾75R9電視值得購買嗎? 1
海爾75R9電視什么時候上架?海爾75R9電視價格多少? 1
男子檢查精子成活率需要多少錢 1
猜你喜歡
如何分辨試管嬰兒胚胎級別!價格明細曝光!
2025年忻州最著名的醫(yī)院三代試管嬰兒醫(yī)院有哪些?費用6萬夠不夠!
剖腹產(chǎn)多久沒有宮縮痛?剖腹產(chǎn)后宮縮要痛多久?
北京試管嬰兒檢查費用多少,告訴你多少錢!
格魯吉亞做試管嬰兒費用總共要多少,防止上當好評!
廣州第三代試管費用費用明細,費用要多少錢!
黃石三代試管高成功率的醫(yī)院名單公布,附排隊時間參考公告
廣州第三代試管哪個醫(yī)院好一點點?價格怎么樣!
上海一婦嬰三代試管費用要花多少錢?求費用明細!
泰國試管懷孕后補鈣?附試管詳細流程!
熱門文章
國內(nèi)找機構做雙胎試管費用分析
國內(nèi)三代試管助孕一般要多少錢?
北京未婚做試管機構是哪些?
未婚女性做三代試管費用是多少?
三代試管嬰兒全面流程介紹
國內(nèi)去泰國做試管費用費用揭秘
2025蘭州做三代試管就去這幾家私立機構,權威名單一覽
2025國內(nèi)私立試管醫(yī)院排行一覽,醫(yī)生告訴你怎么選醫(yī)院
泰國做試管嬰兒哪家醫(yī)院成功率高?
泰國試管醫(yī)院前十名可信賴嗎:三家專業(yè)醫(yī)院概覽
山大第三代試管的成功率,在山大生殖做三代試管經(jīng)歷
“總覽無余”卵巢早衰是不是真的沒救了?35歲卵巢早衰根本治不好
解讀!菏澤男科醫(yī)院排名,菏澤男科哪家比較好?
凍胚移植都是多少天成功?試管嬰兒移植凍胚幾天著床?
生活指南!??谠嚬芩饺藱C構排名哪家好
拉薩三代試管嬰兒有哪些?
廣州哪里好三代試管嬰兒?廣州哪家醫(yī)院有三代試管嬰兒?
吉林做一個需要三代試管嬰兒多少錢 附三代費用分攤
泰國做試管嬰兒成功率是多少?全面解讀
泰國做試管嬰兒可靠不?一次試管成功率有多少?
試管微刺激促排方案的好處介紹!附微刺激方案流程的利弊
單身或非婚人士海外試管助孕寶寶是怎么落戶的,落戶指南
做三代試管嬰兒需要多少錢? 15萬通常只是起步費
南陽做三代試管嬰兒有哪些比較好的私立醫(yī)院 哪家醫(yī)院最受歡迎?
欽州始基子宮試管成功率高嗎附**經(jīng)驗分享
廣告合作方 廣告申請