使用React中的MUI重置其他组件onClick的状态

文章/答案/技术大牛

发布

1回答

reactjs、notifications、material-ui、react-hooks、state

我正在尝试重置该徽章组件的编号，一旦有人点击它。现在这个数字来自dummyData (它是一个对象数组)，所以理想情况下，每次有人点击它时，重新设置这个数字会很棒。我使用的是材料设计UI组件。export const sampleContent = () => {

浏览 23提问于2020-05-12得票数 0

回答已采纳

1回答

使用redux- form，如何从另一个组件重置表单值？

reactjs、redux、react-redux、redux-form

下面是我发行的一个演示：import { connect } from 'react-redux';

浏览 2提问于2017-12-05得票数 4

回答已采纳

2回答

更改收藏夹中的图标

reactjs

当我点击图标时，我尝试更改图标并将其添加到收藏夹中。它工作良好，我的图标被更改，但它影响我的所有图像图标，而不是一个。我怎么才能解决这个问题？这是我的代码： import AddCircleOutlineIcon from '@mui/icons-materialExpandCircleDownIcon from '

浏览 21提问于2022-03-30得票数 0

1回答

：关闭下拉列表后不显示字段中选定的值

reactjs、npm、filter、use-state、react-select

晚上好，我使用这个npm来选择多个值：代码：有什么原因吗？

浏览 5提问于2021-12-28得票数 0

回答已采纳

1回答

在不使用条件呈现或反应路由器的情况下呈现新组件onClick。

reactjs、react-hooks

以下是我正在努力实现的目标。我有一个MUI表，它包含一个数据列表(比如学生姓名)，它是一个功能组件。当用户单击表中的任何项目时，应该加载在卡片或框中单击的学生的详细信息。(梅花组件)该卡有一个后退按钮，当单击时加载回相同的表。我不知道如何不使用react路由器或不使用条件呈现来实现它。我的疑问是，我们是否需要将细节组件隐藏在主

浏览 6提问于2022-03-14得票数 -2

1回答

使用基于功能的组件，在同一个页面上管理多个音频，一次播放一个

javascript、reactjs、web、audio、media-player

我正在制作一个新的反应应用程序，其中有多个音乐卡在同一页。在更新新卡的状态之前，我想更改上一张卡的状态。简而言之，我想在播放新音频之前暂停先前的音频。import React, { useState , useEffect , useRef} from "react";importfrom &qu

浏览 3提问于2022-04-01得票数 0

回答已采纳

1回答

失败的支柱类型:在“`ForwardRef(Dialog)”中将支柱`open`标记为必需的，但它的值是“未定义的”

javascript、reactjs

我正在构建一个reactjs应用程序，并定义了以下代码函数import Dialogfrom '@mui/material/Dialog'; export default function<Tit

浏览 9提问于2022-11-19得票数 1

2回答

material :如何在页面上显示加载旋转覆盖层

material-ui

> variant="contained" onClickLogin </Box> </Paper>我得到的</em

浏览 2提问于2021-08-02得票数 11

回答已采纳

2回答

使用对话框中的有状态按钮或Material UI中的警报发出React内存泄漏警告

reactjs、material-ui、state、react-hooks、jss

我将Material UI用于组件库，并注意到当我单击Dialog或Alert (这两个组件都管理打开/关闭状态)中的按钮时，我会收到内存泄漏警告。我不确定如何解决这里的问题。按钮组件使用状态在单击时创建活动类，该类使用setTimeout onClick使单击按钮在UI中更可见/持续时间更长。"Mui-active" :

浏览 38提问于2019-12-01得票数 2

1回答

如何防止MUI* (v4)滑块组件中的事件传播*

reactjs、material-ui

我在表单中的可扩展组件中有一个MUI v4滑块(专门用作范围滑块：)组件，但是，Slider组件的onChange处理程序会立即传播到父程序中，并触发控制隐藏/显示的onClick处理程序。，它不会触发父parentthrowing 中的切换，事件立即(鼠标向下)触发onChange处理程序中的a e.preventDefault()上

浏览 1提问于2022-02-26得票数 1

1回答

为什么react会重新呈现/更新页面中的所有组件

javascript、reactjs、material-ui

我有一个使用Material UI v5的react应用程序。我没有任何样式，正在使用默认的TextField组件来测试渲染问题。为了复制这个问题，我放置了一个受控TextField和大约六个其他非受控TextFields。当我开始在受控的TextField上编写代码时，页面中的所有组件都开始重新呈现。我的实际项目也是使用create-react

浏览 17提问于2021-09-23得票数 0

2回答

当ListItemButton被选中时，我如何覆盖它的样式？

css、reactjs、material-ui

我试图覆盖MUI中一个按钮的现有样式。这是我第一次使用MUI，我用默认的情感安装了我的项目，作为样式引擎。我尝试使用这里指定的css()方法：，但是它似乎不起作用，即使在提供的示例中也是如此。我会尝试添加一个要处理的自定义css文件:select，但我在组件中使用状态将从select更改为not。import * as React</em

浏览 12提问于2022-04-24得票数 0

回答已采纳

2回答

ReactJS / Pass呈现内容但添加onClick

reactjs

所以我试着从我的模特儿里得到一些重复使用的东西，我需要把它放在不同的地方。我想要做的是把打开模态的按钮和模态本身分开。这样，按钮可以是一个图标按钮，一个适当的按钮或其他可渲染的东西。我也可能想错了。我是ReactJS的新手，所以不要以为我知道一两件事，到目前为止，我已经完成了一些教程:D。下面是绑定在一起的两个组件的简单当前实现。我认为问题在于开放状态<

浏览 3提问于2022-07-14得票数 0

回答已采纳

2回答

反应中的条件样式

reactjs

我正在创建一个待办事项列表，在下面的Tasks组件中，我有一个带有映射数据的li组件。我想有条件地在我使用useState钩子的任务上添加一个删除，初始属性为null。然后，我添加了onClick函数来分别将状态更改为true和false，但是没有应用我的样式：import React, {useState} from 'react'; im

浏览 1提问于2022-11-03得票数 0

1回答

菜单不关闭

reactjs、material-ui

我正在做一些关于反应材料的练习，但是我在菜单上遇到了一个问题。奇怪的是，我有两个IconButton组件，如果我将设置锚点元素的onClick放在第一个IconButton上，所有这些都能很好地工作。如果我把设置锚元素的onClick放在第二个IconButton上，菜单就永远不会关闭。import React from 'react'; import AppBa

浏览 6提问于2022-01-09得票数 3

1回答

NextJS/React可以将多个子组件状态组合成一个父组件状态吗？

reactjs、typescript、next.js、state

问题import TextField from "@mui/material/TextField" typ

浏览 4提问于2022-09-07得票数 0

1回答

避免在资料ui中更新状态时闪烁

javascript、reactjs、material-ui

我在react.js中使用material的对话框然后我意识到会有一个短暂的闪光之间的状态改变。这是代码和import Button from "@mui/material/Button"; i

浏览 6提问于2022-09-12得票数 2

1回答

材质-ui组件没有呈现在基于react类的组件中？

reactjs、material-ui、react-class-based-component

材质-ui组件不是在基于类的组件中呈现吗?，我试图在基于类的组件中转换基于功能的材料-ui组件，但是基于类的组件没有呈现.在主分区中检查主分区没有显示那个组件？你知道如何在基于类的组件中使用资料界面吗？enter code here import * as React from '

浏览 3提问于2021-12-29得票数 0

回答已采纳

1回答

资料用户界面持久抽屉-内容体不调整大小

reactjs、material-ui、resize、navigation-drawer

我有一份带有持久抽屉的申请。抽屉中包含连接到其他各种组件的线路。在mui上的示例中，这个功能是在样式的主组件中实现的。意味着内容与抽屉位于同一个组件中。这在我的应用程序中是不同的，在我

浏览 1提问于2021-11-05得票数 1

2回答

就像计数器正在更新每个虚拟帖子的状态。

javascript、reactjs、frontend

profilepictures/14.jpg', 'photos':'/assets/photos/n.jpg']import '../styles&#

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

点击加载更多