如何在React中使用slideToggle函数？
如何在React中使用slideToggle函数？
提问于 2018-09-18 02:20:55
我正在尝试将这个javascript函数转换成react语言。
$("#compare-btn").click(function(){
$(".compare-show").slideToggle("slow");
});我所要做的就是在页面中创建一个div幻灯片，一旦我点击了“比较”按钮，就会在页面的底部粘贴一个图标。你知道我该如何做到这一点吗？
回答 1
Stack Overflow用户
发布于 2018-09-18 03:15:18
您在React中的示例应该是：
import React from 'react';
import $ from 'jquery';
class Example extends React.Component {
constructor(props) {
super(props);
this.compareShow = React.createRef();
this.slideToggle = this.slideToggle.bind(this);
}
slideToggle() {
$(this.refs.compareShow.current).slideToggle();
}
render() {
return (
<React.Fragment>
<button onClick={this.slideToggle}>Toggle</button>
<div ref={this.compareShow} />
</React.Fragment>
);
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52373657
复制相关文章
相似问题
腾讯云开发者
