我想将material-ui添加到我的formik应用程序中。我使用formik-material-ui库(https://github.com/stackworx/formik-material-ui)来做这件事。但是,当我将material-ui textfield组件插入到字段中时,在提交之前会触发验证。我的直觉是这是一个mapStateToProps问题,但我不确定如何将它集成到我的代码中,因为关于它的文档并不多。 任何帮助都非常感谢,谢谢! import React from 'react';
import * as Yup from 'yup';
当前正在尝试在Formik中使用Material UI的组件。到目前为止,像文本字段和传统的Material-UI选择这样的东西在Formik上运行得很好。实现自动完成不是这样的。Formik的onChange处理程序似乎没有更新我的city_id的值。我知道Autocomplete仍然不是Material-UI的核心库的一部分,但目前仍在观察这样的事情是否可能发生。
import React from "react";
import ReactDOM from "react-dom";
import { Formik, Form } from 'for
我正在用Formik创建一个带有Materail UI的登录表单,但是Formik不能识别Button of Material UI。如果我用html按钮替换Button,一切都会正常工作。有人能解释一下为什么它不能和Button组件一起工作吗?下面是我的代码:
import React, { ReactElement } from "react";
import TextField from "@material-ui/core/TextField";
import FormControl from "@material-ui/core/FormCon
在我的反应代码中,除了其他输入类型之外,我还必须使用material的ToggleButtonGroup组件。这个组件不直接支持formik material,我一直试图编写一个定制的包装器,但没有成功。以下是我的组件的外观(formikToggleButtonGroup.tsx):
import * as React from 'react';
import MuiToggleButtonGroup, {
ToggleButtonGroupProps as MuiToggleButtonGroupProps,
} from '@material-ui/lab/To
我一直在使用Yup和Formik在React中进行表单验证。现在,当用户模糊输入时,就会显示错误。下面是我的代码:
import React from "react";
import { Formik, Field } from "formik";
import TextField from "@material-ui/core/TextField";
import Typography from "@material-ui/core/Typography";
import * as yup from "yup";
我正在尝试使用reactjs material ui和formik实现验证电话号码字段
我读了很多关于它的文章,但我不能以我的方式实现它。
我在这里提交我的组件的可重现代码:
import React from 'react';
import TextField from '@material-ui/core/TextField';
import { connect } from "react-redux";
import { FormGroup } from '@material-ui/core';
import {
F
我正在尝试使用formik验证自动完成多项选择。第一次它是在按钮点击上工作,但当我删除选定的值时,它不是验证。 import React from "react";
import ReactDOM from "react-dom";
import { Formik, Form } from "formik";
import TextField from "@material-ui/core/TextField";
import Autocomplete from "@materia
如何在新表单中更新状态?我想在上传时将图像转换为base64,并将其推送到firebase。
但是,我得到了一个TypeError: this.setState is not a function错误。
我还尝试更新输入的值,但不起作用。document.getelementbyid("image").value = reader.result
谢谢!
import React from 'react'
import PropTypes from 'prop-types'
import { Formik, Field, Form } from &
这里我有表单数据。我必须将这些数据放入数组中。同时,我必须检索该数据,并将其显示在另一个组件中。 import React from 'react';
import Button from '@material-ui/core/Button';
import Dialog from '@material-ui/core/Dialog';
import DialogActions from '@material-ui/core/DialogActions';
import DialogContent from '@mate
我正在从服务响应中检查用户是否通过了身份验证,如果身份验证成功,我希望从登录页面重定向到应用程序主页。怎样才能做到这一点,请大家提个建议。这是SignIn.js import React from 'react';
import Avatar from '@material-ui/core/Avatar';
import Button from '@material-ui/core/Button';
import CssBaseline from '@material-ui/core/CssBaseline';
import T
我有一个特殊的TextField包装器,用于一个似乎运行良好的资料-UI字段。由于某些原因,当我使用本机资料UI栏位时,他们不会在提交时更新表单资料。
下面是相关的代码(但我在文章末尾添加了一个代码沙箱,以帮助演示这个问题)
TestForm.tsx
import { Card, CardActions, CardContent } from "@material-ui/core";
import { Form, Formik, Field } from "formik";
import React from "react";
import Su
我正试图弄清楚如何在react应用程序中从formik表单向防火墙提交表单数据。
我使用尝试学习如何制作表单,然后尝试将火基表单提交添加到提交处理程序中。
该表格包括:
import React, { useState } from 'react';
import { Link } from 'react-router-dom';
import firebase from '../../../../firebase';
// import firestore from '../../../../firebase