preventDefault在React中怎么用

在React中，可以通过在事件处理函数中调用event.preventDefault()方法来阻止默认的事件行为。例如，如果需要阻止表单的默认提交行为，可以在表单的onSubmit事件处理函数中调用event.preventDefault()方法。

import React from 'react';


class MyForm extends React.Component {
    
  handleSubmit = (event) =>
 {
    
    event.preventDefault();
 // 阻止表单默认提交行为
    // 其他处理逻辑
  }
    ;


  render() {
    
    return (
      <
form onSubmit={
this.handleSubmit}
    >
    
        <
    input type="text" />
    
        <
    button type="submit">
    Submit<
    /button>
    
      <
    /form>
    
    );

  }

}
    

export default MyForm;
    

在上面的例子中，当用户点击提交按钮时，handleSubmit方法会被调用，并且event.preventDefault()方法会阻止表单的默认提交行为，从而实现了阻止表单提交的效果。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！