Question

我在我的React应用中使用如下所示：

<TextField
       required
       id="addtask"
       placeholder="Add your awesome task.."
       className="addtask"
       margin="normal"
/>

我想知道是否有任何自动的方法可以验证表单提交中的此类输入，例如在jQuery中，您可以像这样传递一些数据属性：

<input data-validate="notempty" data-error-empty="This feild can't be empty" />

当然，我看到有一个error属性，我看到了API，并且我可以运行一个函数并使错误为true或false。但想知道是否有一个自动插件可以执行此操作仅使用数据属性进行验证。

Answer 1

我认为您正在寻找的是formik。您可以定义一个validationSchema，它将为您应用（example）。