React JS 多个提交按钮react-hook-form

React JS 是一种流行的JavaScript库，广泛用于构建用户界面。它提供了一种组件化的开发模式，使开发者能够高效地构建复杂的前端应用程序。在React中，使用react-hook-form，我们可以轻松地处理多个提交按钮的情况。本文将通过一个案例来介绍如何使用react-hook-form实现多个提交按钮的功能。

npm install react-hook-form

yarn add react-hook-form

javascript
import { useForm } from 'react-hook-form';

javascript
import { useForm } from 'react-hook-form';
const App = () => {
  const { handleSubmit } = useForm();
  const onSubmit = (data) => {
    console.log(data);
  }
  return (
    
      
      
      保存
      删除
      更新
    
  );
}
export default App;

javascript
import { useForm } from 'react-hook-form';
const App = () => {
  const { handleSubmit } = useForm();
  const onSubmit = (data) => {
    switch (data.action) {
      case 'save':
        // 执行保存操作
        break;
      case 'delete':
        // 执行删除操作
        break;
      case 'update':
        // 执行更新操作
        break;
      default:
        break;
    }
  }
  return (
    
      
      
      保存
      删除
      更新
    
  );
}
export default App;