在ReactJS事件中使用JQuery
例如,在onChange事件中使用Jquery很热 范例在ReactJS事件中使用JQuery,reactjs,reactive-programming,Reactjs,Reactive Programming,例如,在onChange事件中使用Jquery很热 范例 change(){ $('#选择器')。触发器('event')。。。。。 } render(){ 返回 答案很简单:不要 创建一个类,然后将函数传递给处理程序。例如: class Blah extends React.Component { handleClick = e => alert('Button click'); render() { return (<button onClick={this.ha
change(){
$('#选择器')。触发器('event')。。。。。
}
render(){
返回
答案很简单:不要
创建一个类,然后将函数传递给处理程序。例如:
class Blah extends React.Component {
handleClick = e => alert('Button click');
render() {
return (<button onClick={this.handleClick}>Click me.</button>);
}
}
类Blah扩展了React.Component{
handleClick=e=>警报(“按钮点击”);
render(){
返回(单击我);
}
}
在React中,您可以通过两种方式执行此操作
- 使用react setState
- 在装入组件后在中使用jquery
我更喜欢使用react方式,因为使用它的好处是您不需要触摸Dom。记住,每次触摸Dom都很昂贵。不需要任何jQuery:您可以通过两种方式执行此操作
class Blah extends React.Component {
handleClick = e => alert('Button click');
render() {
return (<button onClick={this.handleClick}>Click me.</button>);
}
}