首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

react-final-form中有没有函数可以获取表单值

在react-final-form中,可以使用form.getState().values函数来获取表单的值。

form.getState().values函数返回一个对象,该对象包含了当前表单中所有字段的值。可以通过该函数来获取表单中特定字段的值。

以下是form.getState().values函数的使用示例:

代码语言:txt
复制
import { useForm } from 'react-final-form';

const MyForm = () => {
  const form = useForm();

  const handleSubmit = (values) => {
    // 处理表单提交
    console.log(values);
  };

  const handleButtonClick = () => {
    const formValues = form.getState().values;
    console.log(formValues);
  };

  return (
    <form onSubmit={handleSubmit}>
      {/* 表单字段 */}
      <input name="firstName" type="text" />
      <input name="lastName" type="text" />

      <button type="submit">提交</button>
      <button type="button" onClick={handleButtonClick}>获取表单值</button>
    </form>
  );
};

在上述示例中,handleButtonClick函数通过调用form.getState().values来获取表单的值,并将其打印到控制台中。

这样,你就可以使用form.getState().values函数来获取react-final-form表单的值了。

关于react-final-form的更多信息和使用方法,你可以参考腾讯云的产品介绍页面:react-final-form产品介绍

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • 领券