Formik和Material-UI

文章/答案/技术大牛

发布

1回答

如何使用Formik从物料界面选择字段取值

reactjs、material-ui、formik

对不起，我想了解并实现一些使用Formik的东西。我有两个选择字段，我希望将它们的选定值传递给formik值。它们所做的基本上就是获取CountryArray和相应的区域。我将它们创建为独立组件的原因是，这样我就可以将它们传递给Formik中的字段组件。我的国家数组来自import countries from "../data/c-r";。但是我知道使用formik时，你不再需要管理你的状态，因为Formik可以做到这一点。我如何才能做到这一点

浏览 20提问于2020-11-19得票数 0

回答已采纳

3回答

在Formik中使用Material-UI的Autocomplete组件

reactjs、material-ui、formik

当前正在尝试在Formik中使用Material UI的组件。到目前为止，像文本字段和传统的Material-UI选择这样的东西在Formik上运行得很好。实现自动完成不是这样的。Formik的onChange处理程序似乎没有更新我的city_id的值。我知道Autocomplete仍然不是Material-UI的核心库的一部分，但目前仍在观察这样的事情是否可能发生。import React from "react"; import ReactDOM from &qu

浏览 0提问于2019-12-07得票数 19

回答已采纳

1回答

“警告:道具`match Name`与.”当在一个组件中使用formik material ui- TextField和material时

reactjs、material-ui、next.js、formik、formik-material-ui

当我在一个组件中使用Formik -material ui TextField和原始资料-ui TextField (它绑定到带有fieldToTextField函数的Formik)时，我有一个警告。label="first" component={TextFieldFormik} //This is a material-ui>} /&#

浏览 2提问于2021-09-20得票数 0

1回答

材料自动完成-选项更改时自动选择选项。反应

reactjs、autocomplete、material-ui

export default function AsyncPicker({name, formik, initialOptions = []}) { <Autocomplete options={options} value={{id:formik.values当initialOptions被更新并且选项和值的id都匹配时，getOptionSelected会触发

浏览 25提问于2021-07-10得票数 0

1回答

Material-表单中的UI AutoComplete freeSolo

reactjs、typescript、forms、material-ui、formik

组件应该返回到Formik "term1"，"term2"，"term3“，用户可以在芯片中看到每个字符串作为一个标签。这将用作搜索中的过滤器。错误指向物料自动完成组件代码中的此行 "getInputProps = _useAutocomplete.getInputProps，“ 有没有人知道如何让AutoComplete和表单协同工作？

浏览 25提问于2020-07-01得票数 2

回答已采纳

1回答

material ui滑块组件onChange事件不使用Fromik handleChange事件

reactjs、material-ui、formik、yup

初始形式值由滑块获取，但Formik handleChange事件不更新滑块值const formik = useFormik({ id="slide" aria-label="term slider"

浏览 2提问于2020-05-29得票数 1

1回答

当onBlur()在TextField上时触发props.onChange()

reactjs、typescript、onchange

我正在构建一个组件NumberField，它将在单击(onFocus)时删除0，允许用户从空字段中输入数字，并在焦点离开(onBlur)和字段为空时返回0。import * as React from 'react' TextField,} from '@material-ui/core'}

浏览 42提问于2021-01-14得票数 1

7回答

javascript、reactjs、typescript、material-ui、formik

我正在尝试将Formik与Material-UI文本字段一起使用。如下所示： import TextField from '@material-ui/core/TextField'; Field, Form,Formik, FormikPropsimport React, { Component } from '

浏览 152提问于2018-08-31得票数 24

回答已采纳

1回答

如何将图像添加到reactjs formik中的选择选项

html、css、reactjs、forms、formik

我尝试添加一个图像以选择reactjs中的选项我尝试将其放入img标记中，但它在页面中显示为对象对象。

浏览 11提问于2020-12-17得票数 1

1回答

使用useFormik挂钩仅验证formik表单的一部分

reactjs、validation、formik、yup

我正在使用Formik、Yup和Material-UI构建一个多步骤表单。我在一个父窗体中维护formik状态，并使用useState在不同的状态中维护页码，它指示要呈现哪个子组件。我将formik作为道具和下一页/上一页函数传递。我希望仅当特定页面中的输入有效时才允许移到子组件中的下一个页面。'; Button,} from '@material-ui/core'; i

浏览 59提问于2020-06-13得票数 1

1回答

如何在React.js表单(输入)中设置输入字段后的标签？

css、reactjs、input、label、formik

我需要在输入字段之后为Formik输入组件设置标签的文本。我不确定如何针对它以及如何应用CSS。( validateOnMount={true} initialValues<Icon icon={x} /> </Form> <&

浏览 47提问于2021-02-11得票数 0

回答已采纳

1回答

第一次点击后，如何禁用Accordion传播？

javascript、reactjs、material-ui

然而，我不知道如何阻止字段上的多次单击触发传播，以便在第一次单击后打开和关闭折叠内容。我不希望在AccountSummary中第一次单击后，新出现的可见表单内容消失。import React from "react";import { TextField, Select }from "formik-material-ui"; import Grid from "

浏览 16提问于2020-09-18得票数 0

2回答

Formik窗体不识别材料ui按钮

reactjs、forms、material-ui、formik

我正在用Formik创建一个带有Materail UI的登录表单，但是Formik不能识别Button of Material UI。如果我用html按钮替换Button，一切都会正常工作。有人能解释一下为什么它不能和Button组件一起工作吗？下面是我的代码：import TextField from "@material-ui/core/TextField"; impo

浏览 14提问于2021-06-02得票数 0

回答已采纳

2回答

如何使用实现useField()的组件在多步Formik窗体中设置值

reactjs、react-hooks、formik

下面是我的代码片段：和用例：也就是说。在“注释”字段中输入数据。

浏览 3提问于2021-05-20得票数 0

回答已采纳

1回答

如果我已经使用了antd4表单组件，我应该使用Formik吗？

reactjs、antd、formik

作为标题，Formmik和antd Form都做同样的事情：formik 它们是否具有相同的功能？

浏览 2提问于2020-04-12得票数 1

1回答

Material-UI滑块不向Formik显示名称属性

reactjs、slider、material-ui、formik

我正在使用react，formik和material-ui来构建一个我想要添加滑块的应用程序。由于某些原因，Material-UI滑块组件似乎没有将名称prop公开给formik，这会导致formik通过警告，并且不使用滑块中的值。

浏览 8提问于2020-03-09得票数 6

回答已采纳

2回答

Formik材料UI反应-自动完成-不受控制的状态

javascript、reactjs、material-ui、formik、formik-material-ui

我试图弄清楚如何遵循Formik的Autocomplete字段的说明，Material，React 。/core/DialogContentText';import {import { Switch } from 'f

浏览 6提问于2020-08-08得票数 6

回答已采纳

1回答

子组件为钩子时不触发Formik* onChange Handler*

javascript、reactjs、formik

使用react + formik创建表单，并希望使用钩子来处理子组件状态。当我将我的钩子组件连接到我的表单时，formik onChange处理程序不会像预期的那样触发。我还应该注意，此表单中的TextField组件正确地更新了formik。'import FormLabel from '@material-ui&

浏览 1提问于2019-08-26得票数 0

1回答

警告:从submitForm()错误捕获了一个未处理的错误：

reactjs、urql

我正在使用react、nextjs和typescript启动一个项目，我试图向后端提交一个表单，但是当尝试使用该函数调用使用@ urql-codegen生成的函数时，我得到了以下警告: formik.esm.js这种情况的发生有以下原因之一：我的错误可能是我不知道该怎么做 import React from 'react';

浏览 1提问于2020-12-13得票数 0

回答已采纳

1回答

在输入中同时显示错误

javascript、reactjs、forms、formik、yup

我一直在使用Yup和Formik在React中进行表单验证。现在，当用户模糊输入时，就会显示错误。下面是我的代码：import { Formik, Field } from "formik";import Typography from "@mat

浏览 1提问于2020-05-20得票数 0

点击加载更多

如何使用Formik从物料界面选择字段取值

在Formik中使用Material-UI的Autocomplete组件

“警告:道具`match Name`与.”当在一个组件中使用formik material ui- TextField和material时

材料自动完成-选项更改时自动选择选项。反应

Material-表单中的UI AutoComplete freeSolo

material ui滑块组件onChange事件不使用Fromik handleChange事件

当onBlur()在TextField上时触发props.onChange()