开发者问题收集
我目前正在使用 TypeScript 和 Rollup 从 Material UI 创建组件库。我已成功发布该包,但当我尝试将其导入新项目时,出现以下错误:“未捕获的 TypeError:无法读取 null 的属性(读取‘useContext’)”我不确定是什么导致了此错误,因为当我在本地测试该库时,它运行正常。我检查了我的依赖项,一切似乎都正常。有没有其他人遇到过这个问题或对如何解决它有什么建议
在我的应用中,当我在 TextField 中输入速度过快时,我的网站会崩溃,并且我看到空白的白色屏幕。这是代码。TextField 代码:<TextFieldlabel="Item name"variant="filled"requiredcolor="primary"onChange={handleItemNameChange}id={`${id}`}defaultValue={items[id
尝试获取 onclick 函数以从数组中删除项目(已被单击)。但是,它不会删除任何内容。setListOfDocs 应该设置 listOfDocs 数组,其中单击的项目已消失(onClick 函数是一个过滤器)它不起作用。控制台中没有错误。我不知道为什么它没有更新状态,以便 listOfDocs 是新的过滤数组(单击的项目已从数组中删除)。我正在使用材料用户界面。function NewMatte
我尝试在 MUI 自动完成上查看获取的数据,但出现此错误,我不知道为什么,统计数据是从 MongoDB 获取的,我只是想查看类别名称作为一个选项。代码:export default function ChooseCat() {const [categories, setCats] = useState([]);useEffect(() => {const getCats = async () =>
我想使用 google-map-react api 包含一张地图,但总是出现以下错误:google_map.js:428 Uncaught TypeError: Cannot read properties ofundefined (reading 'emit')at o.r.componentDidUpdate (google_map.js:428:1)at commitLayoutEffect
我按照教程为我的表格添加页面分页,现在我的浏览器中出现了这个错误:Uncaught TypeError: Cannot read property 'main' of undefinedat ButtonRoot.ownerState.ownerState (Button.js:80)at transformedStyleArg (createStyled.js:189)at handleInte
我试图从 commerceJS API 访问从不同模块获取并作为 prop 传递的数据,只有当我调用嵌套产品对象时,代码才会中断,并出现此错误 Uncaught TypeError: Cannot read properties of undefined (reading 'source')。这是我的代码//Product.jsximport React from 'react';import {
我正在使用 MUI v5.0.6,当我尝试使用按钮组件时,它一直显示此错误消息,我尝试安装较低版本 v5.0.5,但它显示了同样的问题,不知道是什么原因导致的,我还删除了node_module文件夹并再次安装软件包,但没有解决问题Uncaught TypeError: Cannot read properties of undefined (reading 'button')at webpackH
我将 Vite 与 React 和 Typescript 结合使用。当我运行vite dev时,网站的实时版本运行完美,控制台上甚至没有错误。当我运行vite build然后运行 ​​vite preview时,我所看到的只是一个白页和控制台中的TypeError: can't convert undefined to object错误。我无法在代码中追踪问题,因为错误发生在构建/最小化之后,但为
我正在尝试弄清楚如何按照此处中 Formik、Material UI、React 工具的 Autocomplete 字段文档中的说明进行操作。文档中给出的示例是:import { Autocomplete } from 'formik-material-ui-lab';const options = [{ title: 'The Shawshank Redemption', year: 1994
我正在使用 Material-UI 和 React 中的 Dialog 和 Select 组件。仅举一个例子:import React from 'react';import { Dialog, MenuItem, Select } from '@material-ui/core';class SomeComponent extends React.PureComponent {render()
我正在开发一个页面,该页面从 API 获取数据并使用 Material UI 和 Datagrid 组装表格。我的目标是将数据解析到表格中。我的数据看起来像这样{id: 1,device_mrid: "xxx1",canaryDeviceId: "xxx",},{id: 2,device_mrid: "xxx2",canaryDeviceId: "xxx",},{id: 3,device_mrid
我想添加一个函数来检查购物车是空的还是已装满的,并根据此逻辑显示输出。如果 cart.line_items.length 不为真,则应运行 EmptyCart 函数。请注意,“line_items”是来自 API 响应的数组。然后它应该循环遍历每个项目并在material-ui网格中显示该项目。这是我的 .jsx 代码。import React from 'react';import { Cont
我尝试了 Material UI 中的自动完成示例。它是关于输入新值时添加选项。以下是演示的链接:https://codesandbox.io/s/material-demo-forked-lgeju?file=/demo.js我想知道的是,输入中的值实际上并未添加到此示例中的选项中,因此它实际上不起作用。为什么会这样?此外,我不能将它用于多选(通过将属性“multiple”添加到自动完成),因为
我正在尝试使用 redux 和 Material UI 显示影片列表。FilmsService :export const FilmServices = {getAllFilms,};function getAllFilms(){return axios.get(config.baseUrl).then((response)=>{return response;}).catch((err)=>{c