Reactjs - Material UI - redux表单框架-使用密码切换-不使用挂钩 - 腾讯云开发者社区

文章/答案/技术大牛

发布

1回答

Reactjs - Material UI - redux表单框架-使用密码切换-不使用挂钩

javascript、reactjs、material-ui、redux-form

我在一个react项目上工作，并建立了一个表单框架，围绕着redux表单包装材料ui。**沙盒https://codesandbox.io/s/romantic-pasteur-nmw92 https://material-ui.com/components/text-fields/ 我不确定如何添加状态或变量来切换字段这是当前的代码库-目前它将生成一个密

浏览 18提问于2021-02-12得票数 1

1回答

如何为React Material* UI控件添加自定义验证？*

reactjs、material-ui

我在一个应用程序中使用了ReactJs，并且我需要添加针对所有字段的验证。我想添加针对姓名，电话号码，电子邮件，密码和确认密码的验证。material-ui/core/TextField';importCheckbox from '@<e

浏览 25提问于2020-03-30得票数 1

回答已采纳

1回答

如何创建自定义钩子来post到API并存储结果？

reactjs、typescript、react-redux、react-hooks

我有一个登录表单，它使用API钩子来存储输入的状态(用户名和密码)，所以我可以使用createAsyncThunk将此数据传递给一个函数，该函数将posts发送到一个useState并存储其结果。Container, FormControlLabel, Link, Typography,import LockOutli

浏览 10提问于2021-05-12得票数 0

回答已采纳

1回答

Redux窗体+ Material异步验证运行在更改上，而不是模糊

reactjs、react-redux、redux-form

我用的是redux表格和材料Ui。我希望我的异步验证只在模糊(正如预期的那样)上触发，但是它是在更改时触发的。我的环境npm包"react": "16.13.1",预期行为我希望当我更改表单中的值(例如，在firstName字段中键

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

1回答

“切换”属性不起作用(redux-form-material* ui)*

javascript、reactjs、redux、material-ui、redux-form

我试着用的Toggle它可以正常地将切换值更新到其onChange上的存储区。/>问题是:我调用了一些API，我需要以“编程方式”更新这个切换的值。理论上，我可以像声明的toggled那样使用属性，但这是行不通的： <h3 className=&q

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

回答已采纳

1回答

如何使用React-Redux从注册页面更新数据到MongoDB？

javascript、reactjs、react-redux、redux-thunk、react-hooks

我正在创建一个使用React和Redux的web应用程序的注册表单组件。它正确地呈现，但是当我点击submit按钮时，数据(姓名、电子邮件、密码)并没有在MongoDB中注册。如果我使用Postman来发布到本地主机服务器，它工作得很好。最初，我使用类组件，但为了使用@material-ui和钩子，我将其更改为功能组件。Button from "@material-ui/cor

浏览 12提问于2019-06-16得票数 0

2回答

在不更改输入框大小的情况下，更改资料ui自动完成中groupBy和选项文本的字体大小

javascript、reactjs、material-ui

我正在使用物质ui和reactjs进行分组自动完成。import TextField from "@mui/material/TextField";import Typography from "

浏览 6提问于2022-09-05得票数 1

2回答

反应错误:无效的钩子调用。钩子只能在函数组件的主体内调用。我的语法出什么问题了？

javascript、reactjs、material-ui

userLoggedInAlert() : SignIn()}如果user是真，那么按钮就会出现，如果user是假的，那么他们就会收到用户名和密码表单来进行登录身份验证。import Container from '@material-ui/core/Container'; import { Button } from '@material-ui下面是我对

浏览 3提问于2021-02-05得票数 4

回答已采纳

4回答

如何在react原生应用中使用react j组件？

reactjs、react-native、redux

是否可以使用react原生应用程序中的所有reactjs组件?如果不能，在react js和react native之间切换的最佳方式是什么？如果应用程序是使用react js完成的，那么是否有必要(强制)在其中使用redux？

浏览 3提问于2016-06-20得票数 12

1回答

如何修改物料-界面文本字段的默认className？

reactjs、forms、material-ui、classname

我正在用reactjs构建一个多页表单，使用的是material Ui框架。我为每个页面创建了不同的组件。现在，我必须在单击按钮时添加动态Textfield。它使用'className‘属性来决定字段是否是动态的。id={vstId} /> 我正在使用Ui Textfie

浏览 11提问于2020-07-15得票数 1

2回答

reactjs - redux表单和素材ui框架-拖放文件上传器

reactjs、material-ui

我正在构建一个使用redux form和material ui框架的嵌套表单框架--到目前为止，我已经在这里构建了组件- -在这里使用renderDragDrop起始文件--调整代码，以便当用户拖动文件到区域时--它使用文件填充redux表单域-文本区域文件类型-如果需要向域中添加多个文件--或者动态添加域以容纳上传的每个文件

浏览 0提问于2020-10-18得票数 3

1回答

如何使用材料UI模板的从右到左的选项？

javascript、css、reactjs、right-to-left

我是新的反应，我正在创建一个应用程序，将在波斯语(从右到左的脚本，如阿拉伯语)，我使用的材料UI框架。问题是，我无法从rtl格式的Material中获得组件。我已经点击了rtl切换按钮并复制了所有代码，但粘贴它时，组件并不是从右到左，部分是从右到左。我正在附上一个表格，我想成为rtl格式。 import React from &#x

浏览 2提问于2020-03-25得票数 3

回答已采纳

1回答

如何在React-Redux登录页面中使用firebase重置密码

javascript、reactjs、firebase、react-redux、firebase-authentication

我试图在我的react-redux登录页面中包含一个使用firebase的重置密码功能，但是我似乎有点迷失了方向。/redux/actions/userActions"; 我的问题是...如何将我导入的密码添加到名为“Reset resetPassword”的按钮中？N/B:我使用handleSubmit实现用户登录功能。我还使用来自Material UI的表单来实现

浏览 14提问于2019-10-13得票数 1

3回答

使用react提交表单，但没有状态

javascript、reactjs

用户点击一个编辑按钮，他就会进入一个页面，页面上的每个字段都填写了表单。他改变了一些东西，然后点击保存，非常简单。我经常看到人们通过将输入绑定到onChange来获得表单值，但在编辑情况下，用户可能不会接触到每个字段。我不认为国家是必要的。

浏览 0提问于2017-03-06得票数 2

回答已采纳

1回答

浏览器重新发布:不返回选定页面，转到默认主页- ReactJs

node.js、reactjs、mongodb、express、react-redux

我是一个新的使用ReactJS和学习它一点一点。我有3页：homepage，contacts和moviesDetails。";import { changeHeaderName} from '../../core/Container'; import { connect } from "react-r

浏览 4提问于2021-08-30得票数 1

回答已采纳

2回答

React中默认值的资料ui自动完成问题

reactjs、autocomplete、react-redux、material-ui

我使用redux表单和资料ui自动完成字段。当页加载自动完成值为空时。我试图不设置dataSource，而在第二次尝试中，我设置了dataSource={}，在这两种情况下，我得到了相同的错误消息： import React, {Compon

浏览 2提问于2017-11-14得票数 2

回答已采纳

2回答

ReactJS + Redux:维护表单状态的正确做法是什么？

javascript、html、reactjs、redux、react-jsx

在ReactJS + Redux中，使用Material-UI的TextField，，我目前有一个表单，用户可以在其中填写firstName，lastName，birthMonth，birthDay，birthYearbirthYear: action.birthyear return userInfo} 对于ReactJS+ Redux</

浏览 0提问于2016-08-23得票数 0

2回答

React/Redux* :在部件销毁之前检测和执行指令*

reactjs、redux、react-redux、react-hooks

奥拉单击“编辑名称”时，切换到true并显示编辑表单但是如果我开始编辑PS :我使用react路由器V6。它似乎是在测试版期间实现的，但

浏览 12提问于2022-03-18得票数 0

回答已采纳

4回答

在下面的情况下，我们应该使用redux吗？

reactjs、forms、redux、redux-saga、redux-thunk

我正在开发一个企业应用程序，它在表单上非常庞大，有很多页面和页面都是表单。通常情况下，当它只是表单时，我们可以简单地使用一个库，比如formik或者react钩子表单，但是我一次又一次地看到的是，当某些事情发生变化时，有一个业务要求去做一些事情，这意味着我正在以编程的方式改变表单值我们目前正在使用useEffect，并将所有这些业务逻辑副作用都放在组件上，但之后感觉就像是在将视图与业务逻辑混合在一起。然而，我的本能是使用redux，并

浏览 5提问于2020-09-28得票数 1

回答已采纳

2回答

redux和状态机(例如xstate)之间的实际区别是什么？

javascript、redux、state-machine、xstate

以前，我对redux和ngrx商店有过一些经验(这实际上遵循了相同的原则)。对我们来说是一种选择，但其中一位开发人员建议使用基于状态机的库，特别是。我从未使用过xstate，所以我发现它很有趣，并开始阅读文档和查看不同的示例。看起来很有希望，也很强大，但在某种程度上，我明白它和redux之间没有任何明显的区别。我花了几个小时试图找到一个答案，或者其他比较xstate和redux的信息。我没有找到任何明确的信息，除了一些文章(比如 )，或者指向库的链接，这些链接集中在使用redu

浏览 0提问于2019-02-01得票数 169

回答已采纳

点击加载更多