我正在尝试使用MaterialUI的Autocomplete组件来实现React。编辑器中的所有东西看起来都很棒,而且编译起来也很好。然而,我得到了以下运行时错误:
app.js:42207 Uncaught TypeError: (0 , _utils.createSvgIcon) is not a function
at Object.393.@babel/runtime/helpers/interopRequireWildcard (app.js:42207)
at o (app.js:6)
at app.js:6
at Object.<anonym
当我尝试准确地从文档中导入自动完成时:,我得到以下错误消息:
Failed to compile.
./node_modules/@material-ui/lab/esm/useAutocomplete/useAutocomplete.js
Attempted import error: 'unstable_useId' is not exported from '@material-ui/core/utils' (imported as 'useId').
react代码:
/* eslint-disable no-use-before-de
所以我有一堆芯片,当用户在文本字段中输入并在创建时选择时,这些芯片被渲染出来。然后,一个芯片与文本一起出现。我想要有删除芯片的功能。这是沙盒https://codesandbox.io/s/material-demo-xi9hr?file=/demo.js。我想明确地知道我的handleDelete函数将做什么 import React from "react";
import Avatar from "@material-ui/core/Avatar";
import Chip from "@material-ui/core/Chip";
i
? 我使用内部带有Icon的Material-UI TextField,如下所示。"Your good name here“的标签应该放在图标旁边,而不是重叠。 在我将InputLabelProps={{ shrink: false }}添加到TextField之后,就会发生这种情况。 我怎样才能正确地定位这个位置?有什么帮助吗! 提前感谢!=) This is my code pen import React from "react";
import { makeStyles } from "@material-ui/core/styles"
通过阅读资料-ui文档和在线示例,似乎有不同的方法来导入相同的项目: import TextField from 'material-ui/TextField';
// or
import TextField from '@material-ui/core/TextField';
// or
import { TextField } from '@material-ui/core'; 不同的导入方式有什么不同?
当我的对话框打开时,我试图添加“key-down”事件,但不知何故,即使对话框关闭,我的事件仍然被触发。 我包装了事件处理函数,以便在useEffect钩子中正常工作。 import React, {useCallback, useEffect} from 'react';
import Button from '@material-ui/core/Button';
import TextField from '@material-ui/core/TextField';
import Dialog from '@material-ui/
所以我尝试在Material UI中在我的卡上显示一个图像,但是图像从来没有出现过,我非常确定图像的目录是正确的。此外,如果可能的话,有人可以帮助我模块化我的代码,因为你可以看到我的一些代码正在重复(例如,负责设置边距的框),我尝试使用HOC,但我一直收到这个错误Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export you
我有问题,捆绑材料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 from 'react';
import PropTypes from 'prop-types';
import Button from 'material-ui/Button';
import TextField from 'material-ui/TextField';
import {FormGroup, FormControlLabel} from 'material-ui/Form';
import Checkbox from 'material-ui/C
我试图改变材料UI,DatePicker,日期,文本和日历图标颜色。
我试图将其传递样式更改为InputProps,但它只用于移除边框。
相反,没有什么改变,我试图将样式应用于theme.tsx,但这也没有帮助。任何帮助都将不胜感激。
import * as React from "react";
import Stack from "@mui/material/Stack";
import TextField from "@mui/material/TextField";
import AdapterDateFns from "@mui
在浏览器上运行项目时出现了以下错误:
未能编译:
./node_modules/@material-ui/lab/esm/internal/svg-icons/Close.js
Attempted import error: 'createSvgIcon' is not exported from '@material-ui/core/utils'.
我正在尝试实现 (来自“多值”部分中的示例)。
下面是我使用的代码:
import React from 'react';
import Chip from '@material-ui/co
这是一个用于监控员工的项目,该项目中的第一个界面是注册界面,它位于表单文本字段中,我想将图标放在TextField中占位符的左侧。我尝试了不止一种方法,但都失败了。我该怎么做呢?在这个文件中,我添加了表单,只添加了一个图标SignUp.tsx import { makeStyles, createStyles, Theme } from "@material-ui/core/styles";
import Grid from "@material-ui/core/Grid";
import Paper from "@material-ui/core/P
我使用以下代码,但当我在框中键入文本时,它显示错误,没有提供太多信息。我的目标是能够在文本框中键入和显示文本。 import React, { Component, Fragment } from 'react';
import PropTypes from 'prop-types';
import CardMedia from '@material-ui/core/CardMedia';
import { withStyles } from '@material-ui/core/styles';
import CardActi
试图使用材料Ui实验室的复选框。但是,在npm安装了三个依赖项:@material-ui/lab、@material-ui/core和@material-ui/icons之后,我收到了以下错误:
./node_modules/@material-ui/core/esm/Portal/Portal.js Attempted import error: 'HTMLElementType' is not exported from '@material-ui/utils'.
我的进口商品如下:
import React from 'react';
im
下面是使用material-ui的代码,我想使它成为center of the page,但它不会移动到中心。如何解决这一问题请提前帮助我谢谢
import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import TextField from '@material-ui/core/TextField';
import Button from '@material-ui/core/Button';
const us