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

科技 未結(jié) 3 1577

第一次寫react+redux項(xiàng)目時(shí)遇到了問(wèn)題，怎么在點(diǎn)擊按鈕時(shí)控制元素的顯示隱藏？

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

3條回答

  • 因該是類似文章簡(jiǎn)介和點(diǎn)擊閱讀全文后展開全文的效果吧。這個(gè)要在state上設(shè)置一個(gè)屬性，在需要改變的地方引入getState，然后通過(guò)綁定按鈕（數(shù)字1標(biāo)示按鈕）改變state這個(gè)屬性。如果用的是redux的話也差不多

提交回復(fù)