如何使reCAPTCHA成为material-ui中的必填字段？

Question

我在来源中使用了“ react-google-recaptcha”组件和“ material-ui”。 有没有办法像Material-UI表格中的其他字段一样要求重新设置？ 像这个字段：

               <Field
                    name="description"
                    component={RenderTextField}
                    label={t('Description')}
                    placeholder={t('Description')}
                    multiLine={true}
                    rows={2}
                    required
                    InputProps={{
                        classes: {
                            input: classes.directionRevers
                        }
                    }}
                />

                <ReCAPTCHA
                    ref={recaptchaRef}
                    sitekey="6LcB-ysUAAAAAE_uDz0N0IiwjdwFGbqUTfcFi_Ey"
                    onChange={onChange}
                />

Answer 1

在表单中添加新状态recaptchaValid和文本标签以显示所需的消息。

在onChange回调和表单提交中设置recaptcchaValid状态，以检查recapchavalid状态是否无效。

我希望这会有所帮助。