如何在单独的页面中包括表单验证React.js语义UI

Question

在语义ui文档中，它指出您可以使用完整的验证设置来验证文件。我创建了一个单独的文件来处理验证。

import React from 'react';
import $ from 'jquery';

$(document).ready(function() {


$('.booking')
    .form({
        fields: {
            fromCountry: {
                identifier: "fromCountry",
                rules: [
                    {
                        type: "empty",
                        prompt: "Please enter your name"
                    }
                ]

            }

        }
    })

}）;

我已将此验证文件导入到其他需要验证的React js文件中。但是，它指出形式不是函数。表单属于哪个库？

Answer 1

您可以结帐https://react.semantic-ui.com/collections/form/#types-form。

您还可以使用上述代码，但是首先必须在执行以上代码之前检查脚本是否已加载，并且必须将代码移至componentDidMount生命周期方法。