优艾设计网

react控制文本内容的显示隐藏??

优艾设计网 https://www.uibq.com 2023-06-12 07:58 出处:网络 作者:在线设计
第一次写react+redux项目时遇到了问题,怎么在点击按钮时控制元素的显示隐藏? 如图:红框框整体是个框架,会有很多个这样的框架,当点击具体的某一个按钮,即数字1标示的按钮时,我需要将1:.tipic-content的stylem

第一次写react+redux项目时遇到了问题,怎么在点击按钮时控制元素的显示隐藏?

如图:
红框框整体是个框架,会有很多个这样的框架,当点击具体的某一个按钮,即数字1标示的按钮时,我需要将
1:.tipic-content的stylemax-height改为auto
2:.flod即数字2标示的style改为display: none
其实效果就是点击按钮,让显示更多的文字显示出来,.fold是一个底部的渐变到白色的效果而已。
然后再次点击时做相反的动作就行了。
这个其实用jquery做很方便,点击找到父类对应的class,修改样式就行了,但是现在用react做,不想用jquery,就不知道怎么做优艾设计网_PS论坛,用原生的js控制元素太啰嗦了,大家有什么好方法呢。


终级魅影 优艾设计网_平面设计 2小时前

仿照下面这个 给你要改变的组件加个style ,里面可以有类似display:{block}这样的属性然后在需要点击的组件那里加个onClick事件,进行触发修改相应组件的style。


东西一舍 2小时前

https:优艾设计网_设计百科//facebook.github.io/re...


情义段誉旅游行等你来启多彩岁月 2小时前

优艾设计网_电脑技术

因该是类似文章简介和点击阅读全文后展开全文的效果吧。这个要在state上设置一个属性,在需要改变的地方引入getState,然后通过绑定按钮(数字1标示按钮)改变state这个属性。如果用的是redux的话也差不多


0

精彩评论

暂无评论...
验证码 换一张
取 消