我正在尝试将这个javascript函数转换成react语言。
$("#compare-btn").click(function(){
$(".compare-show").slideToggle("slow");
});
我所要做的就是在页面中创建一个div幻灯片,一旦我点击了“比较”按钮,就会在页面的底部粘贴一个图标。你知道我该如何做到这一点吗?
发布于 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>
);
}
}
https://stackoverflow.com/questions/52373657
复制相似问题