如何使reCAPTCHA成为物料-界面中的必填字段？

Question

我在源代码中使用了"react-google-recaptcha“组件和"material-ui”。有没有办法让recaptcha像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状态无效，则显示文本消息。

我希望这能有所帮助。