Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在ReactJS事件中使用JQuery_Reactjs_Reactive Programming - Fatal编程技术网

在ReactJS事件中使用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

例如,在onChange事件中使用Jquery很热 范例

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>);
  }
}