我试图用ASP.net core 2.1、Typescript 3.2.1、material-ui 3.8.3和React 16.7.0实现一个简单的菜单。当我运行应用程序时,它会与useState一起崩溃,并带有错误TypeError: react__WEBPACK_IMPORTED_MODULE_1___default.a.useState is not a function。
import React from 'react';
import { Link } from 'react-router-dom';
import { withStyles } f
我在应用程序中使用ReactJ,我需要验证/验证我的应用程序用户。
我想通过redux-saga库为用户验证添加一些逻辑。
当任何人输入一些无效数据时,应该用字段显示验证消息。
import React from 'react';
import history from './history';
import Avatar from '@material-ui/core/Avatar';
import Button from '@material-ui/core/Button';
import CssBaseline from &
我正在为资料UI表实现一个React。实际上,我从资料用户界面网站上拿了一个选项卡的例子,并将其转换成与类兼容的格式。其网站上的例子如下:
import React from 'react';
import PropTypes from 'prop-types';
import { makeStyles } from '@material-ui/core/styles';
import AppBar from '@material-ui/core/AppBar';
import Tabs from '@material-u
我试图添加搜索图标从材料UI,但我得到了这个错误。“错误:无效的挂钩调用。只能在函数组件的主体内调用挂钩。”我尝试了YouTube的亚马逊克隆教程,并且做了所有的事情。有人能帮我吗?谢谢。 这是我的Header.js import React from "react";
import "./Header.css";
import { Link } from "react-router-dom";
import SearchIcon from '@material-ui/icons/Search';
function Heade
我正在尝试将基于函数的组件更改为基于类的组件。转换时出现错误。如何在类组件中初始化钩子。错误:无效的挂钩调用。钩子只能在函数组件的主体内调用。这可能是由于以下原因之一: 1.您的React版本和渲染器(如React DOM)不匹配2.您可能违反了Hooks 3的规则。您可能在同一个应用程序中有多个React副本 This is the error I am getting Papebase材料UI import React from 'react';
import PropTypes from 'prop-types';
import { createMuiT
我想在调用onClick函数之前验证我的表单。我已经使用react-hook-form组件来实现表单验证。然而,它似乎不起作用。即使表单是空的,如果我单击按钮,也会创建空组件。
我是个反应新手。这个项目是一个来自Udemy的课程,我想做一些改进,即表单验证。
import React, { useState } from "react";
import AddIcon from "@material-ui/icons/Add";
import Fab from "@material-ui/core/Fab";
import Zoom from &
我在React/typescript/node中有一个简单的todo应用程序。我有以下组件:
import * as React from "react"
import {forwardRef, useCallback, useEffect} from "react"
import {ITodo} from "../types/type.todo"
import {deleteTodoById, getTodos, updateTodo} from "../api/requests"
import {TextField} from
我想转换这个Functional Component
import React from 'react';
import logo from './logo.svg';
import './App.css';
import { makeStyles } from '@material-ui/core/styles';
import AppBar from '@material-ui/core/AppBar';
import Toolbar from '@material-ui/core/Toolbar
我有问题,捆绑材料ui与我的反应组件包。我得到的错误是这是在捆绑之后。
×Error:无效的钩子调用。钩子只能在函数组件的主体内调用。这种情况的发生有以下原因之一:
这是简单的组件,
import React, { Fragment } from "react";
import TextField from "@material-ui/core/TextField";
import Typography from "@material-ui/core/Typography";
import { createMuiTheme, Them
import React, { useState } from "react";
import Avatar from "@material-ui/core/Avatar";
import Button from "@material-ui/core/Button";
import CssBaseline from "@material-ui/core/CssBaseline";
import TextField from "@material-ui/core/TextField";
import FormCon
我在我的react应用程序中使用了material。我需要知道如何使用错误和帮助文本验证我下面的代码,其中包含电子邮件和密码?请仔细阅读下面给出的代码,并给我一个合适的解决方案,我可以选择。
import React, { Component } from 'react';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import AppBar from 'material-ui/AppBar';
import RaisedButton from '
我目前正在学习ReactJS,并遵循了一个教程,该教程帮助我在使用firebase进行网页身份验证和授权方面有了一个良好的开端。现在我正在使用material-ui中的登录页面模板,并尝试将其与我当前的代码合并。我没有问题的网格等显示,但我不能让样式工作,因为我得到了这个无效的钩子调用错误在运行。登录类在下面,错误也在下面。 import React, {Component} from 'react';
import {withRouter} from 'react-router-dom';
import Avatar from '@material-
我正在使用react- grid -layout库创建一个自适应网格,其中每个项目都是react material ui中的一个纸质组件。
在运行浏览器中收到的应用程序时,我遇到了一个问题:"./node_modules/@material-ui/styles/esm/useTheme/ThemeContext.js“模块下的"TypeError: react__WEBPACK_IMPORTED_MODULE____default.a.createContext is not a function”
我是个新手,所以也许我做了一些非常愚蠢的事情,但我会非常感谢你的帮助,因为我有
来自React菜鸟的问题!我有材料的UI反应登录表单,并试图在登录表单中使用钩子。但获取无效的钩子调用时出错。到目前为止还没有发现。请帮帮忙..loginformstyles.js是我试图在signin.js文件中使用的钩子。登录页面有两个文本字段-用户名和密码,以及一个提交按钮。 import React from 'react';
import Avatar from '@material-ui/core/Avatar';
import Button from '@material-ui/core/Button';
import CssBa
在我的项目中,我使用了类组件而不是功能组件,因为我在每个网站上都得到了所有的功能组件。你能帮我把功能组件转换成类组件吗?并请帮助我默认的第一个值所需的选择提供多个链接。
这是代码沙箱代码
import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import InputLabel from '@material-ui/core/InputLabel';
import MenuItem from '@material-ui/core/M
我正在使用Firebase作为身份验证/数据库,使用React构建一个webapp,我注意到我的浏览器历史记录中有一个URL,其中包含纯文本形式的用户名和密码(http://localhost:3000/login?email=big%40me.com&password=bigger)。这是我将字符串存储为state,然后将它们传递给Firebase身份验证函数时所犯的错误,还是Firebase身份验证过程中的一个缺陷?有没有办法缓解这种情况?
代码:
import React from 'react';
import Input from '@material
给出一些背景:
我正在尝试构建一个登录表单页函数来检测用户是否已经登录。如果它们已登录,则会出现一个按钮,提示用户注销。就像这样:{user ? userLoggedInAlert() : SignIn()}如果user是真,那么按钮就会出现,如果user是假的,那么他们就会收到用户名和密码表单来进行登录身份验证。
我已经确定了所有的功能。但是,当我按下按钮以注销用户退出时,我会收到以下错误:
×
Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This