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

Question

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