对此做出反应

Question

我正在尝试让 slideToggle 像使用 jQuery 一样使用 React，但我无法弄清楚如何做到这一点。 我有一个不同食谱的列表，为了不让页面太长，我想隐藏内容，只显示每个食谱的标题。当用户单击标题时，它将显示该特定食谱的内容。如果再次单击标题，它将隐藏该特定内容。 我想为每个食谱内容使用相同的 className ('content')，所以我需要“this”来确定我想要显示的内容。我如何在 React 中做到这一点？

在 jQuery 中我得到了它的工作原理

 $("h2").click(function(){
    $(this).siblings('.content').slideToggle('slow');   
});

但在 React 中进行了几次测试后，我得到的最好结果是隐藏了此页面中示例的最后内容 (React jQuery slideToggle)

我无法完成这项工作，可能是完成这项工作的方式..？ react using jquery to slideToggle 我认为这有点过时了，现在可以做得更好吗？

Answer 1

这里接受的答案会很好用：

Implementing a Read More link in React.js

或者，您可以使用 React Router Page Transition 扩展文本

Demo