从标题父组件打开Material-UI对话框模式
是指在使用Material-UI库进行前端开发时，通过在父组件中触发事件或操作，打开一个对话框模式。对话框模式是一种常见的用户界面元素，用于显示额外的信息、收集用户输入或进行确认操作。
在Material-UI中，可以使用Dialog组件来实现对话框模式。Dialog组件提供了多种配置选项，可以根据需求进行定制。以下是对该问题的完善且全面的答案：
概念： 从标题父组件打开Material-UI对话框模式是指在Material-UI库中，通过在父组件中触发事件或操作，打开一个对话框模式。对话框模式是一种常见的用户界面元素，用于显示额外的信息、收集用户输入或进行确认操作。
分类： 对话框模式可以分为模态对话框和非模态对话框两种类型。模态对话框会阻止用户与应用程序的其他部分进行交互，直到对话框被关闭。非模态对话框则允许用户在对话框打开的同时与应用程序的其他部分进行交互。
优势： 使用对话框模式可以提供更好的用户体验，使用户能够更方便地进行操作和交互。对话框模式可以用于显示重要的信息、收集用户输入、进行确认操作等，增强了应用程序的功能和可用性。
应用场景： 对话框模式可以应用于各种场景，例如：
- 提示用户进行确认操作，如删除确认、提交确认等。
- 收集用户输入，如登录对话框、注册对话框等。
- 显示额外的信息，如详细信息对话框、错误信息对话框等。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了丰富的云计算产品和服务，以下是一些与对话框模式相关的产品和介绍链接地址：
- 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，可用于部署应用程序和托管网站。链接地址：https://cloud.tencent.com/product/cvm
- 腾讯云弹性伸缩（AS）：自动调整云服务器实例数量，根据负载和需求进行弹性伸缩。链接地址：https://cloud.tencent.com/product/as
- 腾讯云云数据库MySQL版（CDB）：提供高性能、可扩展的云数据库服务，适用于存储和管理应用程序的数据。链接地址：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：提供安全、可靠的云存储服务，用于存储和管理应用程序的静态文件和多媒体资源。链接地址：https://cloud.tencent.com/product/cos
以上是对从标题父组件打开Material-UI对话框模式的完善且全面的答案。
相关·内容
1回答
我需要打开两个独立的材料UI对话框(条款和隐私)从他们的父组件，这是一个材料UI‘简单菜单’。我已经将它们导入并嵌套在父文件中，只是不知道如何在分离文件时从父文件中打开它们。我和玩了太久，但没能让它正常工作。谢谢。
父组件(菜单)：
import React from 'react';
import Menu from '@material-ui/core/Menu';
import MenuItem from '@material-ui/core/MenuItem';
import IconButton from '@material-
浏览 0提问于2020-05-21得票数 6
回答已采纳
我有一个问题，当相关的"OnClose“函数被调用时，全屏对话框被关闭。对话框将关闭，但无法再次打开我。你知道为什么会发生这种情况吗？感觉就像画布上有一个看不见的对话框，防止事件被冒泡到按钮或类似的东西。 import React from "react";
import Button from "@material-ui/core/Button";
import Dialog from "@material-ui/core/Dialog";
import "./FooterBar.css";
import Slide
浏览 11提问于2019-06-12得票数 4
回答已采纳
1回答
我有两个对话框，SignIn和SignUp。
SignIn可以选择SignUp，在这里我想关闭SignIn对话框并打开SignUp对话框。
此外，SignUp还可以选择SignIn，在这里，我希望关闭SignUp对话框并打开SignIn对话框。
我已经通过以下组件代码成功地实现了这一目标。然而，在我的控制台中，我得到了循环依赖的警告。任何建议，以更好地处理这一点，并消除循环依赖。
sign-in.component.ts
signup() {
this.closeModal();
this.dialog.open(SignUpComponent);
}
sign-up.componen
浏览 0提问于2018-04-29得票数 2
回答已采纳
我试图在react和Material UI中创建一个简单的确认对话框。我已经让它打开，以响应提交表单。但是，当我试图在对话框中创建一个关闭它的按钮时，当我单击该按钮时没有任何反应。我将打开状态绑定到一个属性，以便可以从父/包含模块中的代码打开对话框。如果有更好的办法，我洗耳恭听。 下面是我的组件代码： import React, { Component } from 'react';
import DialogTitle from '@material-ui/core/DialogTitle';
import Dialog from '@mater
浏览 101提问于2020-12-04得票数 0
1回答
我想使用资料用户界面的对话框。我使用另一个组件从右侧菜单(侧栏->用户注册)导航该对话框。我只想打开当前页面主页或关于我们的对话框。这是一个用户注册对话框。你能帮忙吗？
当我试图打开用户注册对话框时，我无法打开当前页面中的对话框，这就是为什么我已经为对话框组件创建了一个单独的组件。
当我选择边菜单选项时，我想打开这个对话框。对话框应在当前页中打开。
这是代码沙箱链接。
应用程序js
import React from "react";
import "./styles.css";
import { BrowserRouter, Route, Switch
浏览 3提问于2020-03-09得票数 0
回答已采纳
我在开发Eclipse plugin时创建了一个MessageBox，当您执行某个action...however时，它会打开，即使在我在该messageBox上说"OK“之后，对话框MessageBox也会反复出现。
谁能告诉我，一旦MessageBox显示给用户，如何关闭它。
为了打开对话框，我编写了以下代码: MessageBox MessageBox= new Shell()，SWT.OK；dialog.setMessage(“一些消息”)；dialog.setText(“标题”)；dialog.open()；
浏览 1提问于2013-02-27得票数 0
在Angular 2的header组件中，我有一个注册按钮，如果点击它，就会打开一个模式对话框。我已经制定了它的方法和其他东西。在主页中，它是一个单独的组件，如果我点击一个按钮(它的名字是continue)，我希望当我点击标题中的注册按钮时，模式对话框就会打开。我对如何在另一个组件中使用组件的方法感到困惑？这是标题html和ts：
<a class="button" type="button" (click)="showDialog()" >sign up</a>
showDialog() {
this.display =
浏览 0提问于2017-08-29得票数 0
当material-ui对话框打开时，打开对话框的按钮在单独的页面中，对话框在另一个页面中时，我尝试在material-ui对话框的状态下设置属性数据。但我做不到，但我正在与此作斗争。请告诉我它的答案。 import React from 'react';
export default class Home extends React.Component{
state ={
data:{
id:"20",
name:"aman",
email:&#
浏览 17提问于2021-04-17得票数 1
1回答
我在对话框中的项目中使用material自动完成textfield。问题是，当我设置一个defaultValue或第一个值时，您可以看到占位符在打开对话框时移动。
这是代码
import React from "react";
import ReactDOM from "react-dom";
import Autocomplete from "@material-ui/lab/Autocomplete";
import { TextField } from "@material-ui/core";
import DialogT
浏览 3提问于2021-07-30得票数 1
回答已采纳
我正在寻找一种在组件上调用函数的方法。这是我的设置，我有一个可重用的组件，它是我在网格中显示的所有数据的基础，包括过滤器逻辑，过滤器芯片，导出和实际网格。到目前为止，所有这些都运行得很好。现在我有了一些例子，用户可以点击一行并编辑一些数据，这些数据通过角度材料显示在对话框窗口中。所有的工作都很好，但我要做的是在用户进行更改或添加数据后重新加载网格。我的基础组件有一个名为onGridRelaod的函数
onGridReload($event: IGridReloadPayload) {
this.setDataFetcherFactory($event.currentDataF
浏览 0提问于2019-11-21得票数 0
2回答
我从here等Material UI对话框组件中创建了一个自定义用户确认对话框 我遇到了一个覆盖对话框字体的问题。我可以覆盖颜色或背景颜色，但对话框标题或按钮中的字体是从Material-UI继承的。我成功地覆盖了其他组件中的Material-UI字体，但没有通过回调在这部分中覆盖： const UserConfirmation = (
message: string,
callback: (shouldNavigate: boolean) => void
) => {
const container = document.createElement('div
浏览 18提问于2020-01-06得票数 0
我有一种情况，我的标题组件有一个按钮，它打开一个对话框供用户登录。在我的一个页面上，我有一个请求用户登录的按钮。我想打开标题有句柄的相同的对话框。我理解如何使用Flux在我的页面上触发一个操作，并让标题通过某个存储来监听该操作。
我的问题是，由于用户的这一操作与任何数据无关，这是否适合于Flux，它是数据流模式？
浏览 2提问于2016-05-03得票数 0
回答已采纳
1回答
React告诉我们尽可能多地将代码划分为组件。我有所有这些代码，我有一个表，其中有一个按钮，它打开一个对话框，输入数据并用handleChange函数保存它们，但是将所有这些放在一起，生成的数据输入非常慢。
使用handleChange函数，将处理设置对象状态的钩式表单输入样式的OnChange事件。
如果我创建了一个console.log，该值将显示我输入的全部值，但在状态下，我丢失了9例中的最后一个字符。
alias 123 456 789
State {"code":530,"email":"","alias":"1
浏览 2提问于2019-12-29得票数 0
回答已采纳
下面是为应用程序创建导航栏/标题的代码。我使用了material-ui。
import React, { Component } from "react";
import PropTypes from "prop-types";
import { withStyles } from "@material-ui/styles";
import AppBar from "@material-ui/core/AppBar";
import Toolbar from "@material-ui/core/Toolbar";
浏览 2提问于2021-05-07得票数 1
1回答
我有一个加载覆盖，使用MUI背景组件。这是非常好的工作，直到我有一个MUI对话框打开或一个MUI抽屉打开。在这些场景中，背景组件呈现在对话框或抽屉后面。我甚至尝试过在背景的zIndex上放置一个zIndex，并将其设置为10000，而且每次都会呈现在对话框或抽屉后面。
有没有其他人有过这个问题，并能够弄清楚如何让背景总是出现在页面上的任何元素之上？
浏览 4提问于2022-06-17得票数 0
2回答
我有一个对话框组件，它在submit上执行两个异步函数。我的目标是保持对话框打开并显示一个加载状态，直到两个函数都完成为止。之后，我想关闭对话框。
在父组件中定义的提交函数如下所示：
async submit() {
await this.foo1();
await this.foo2();
}
此函数作为支柱传递给对话框组件：
<app-dialog @submit="submit" />
在对话框组件中，在单击按钮时，我尝试这样做：
async onClick() {
await this.$emit('submit')
浏览 23提问于2021-03-11得票数 0
回答已采纳
2回答
新的反应。只是使用创建-反应-应用程序和材料用户界面，没有其他。来自一个角度的背景。
我无法从同级组件中通信来打开侧栏。我把每个部分都分成了他们自己的文件。我可以让标题中的“打开”按钮与父应用程序对话，但不能让父应用程序与子LeftSidebar通信。
报头组件
import React, {Component} from 'react';
import AppBar from 'material-ui/AppBar';
import IconButton from 'material-ui/IconButton';
import Navigat
浏览 3提问于2017-11-19得票数 3
回答已采纳
我试图将material-ui对话框的打开状态移动到redux，以防止它在重新渲染发生时关闭，但当重新渲染发生时，我在对话框中遇到了问题。虽然状态保存在redux中，并且对话框在重现发生时保持打开状态，但对话框显示打开的动画(淡入)，这有点恼人。 Students.js (模式的父组件) const Students = ({
app: { studentsPage: { savedAddDialogOpen }},
setStudentsPageAddDialogOpen}) => {
// Create the local states
const [
浏览 14提问于2020-04-10得票数 4
回答已采纳
我有一个材料UI自动完成，它呈现一个芯片列表。我在PopperComponent底部添加了一个按钮，单击该按钮将打开一个对话框。
但是自动完成不允许打开DialogBox。但奇怪的是，如果我添加了“打开”来自动完成它的工作。
我尝试添加onMouseDown事件而不是onClick。此外，还尝试了event.preventDefault()。它们都不管用。但是，onMouseDown确实为对话框调用了我的侦听器，并将其打开状态更改为true，但对话框没有出现。
这是沙箱的链接。
这是实现对话框的组件。
import React, { useState } from "react"
浏览 1提问于2020-04-01得票数 0
回答已采纳
当我的对话框打开时，我试图添加“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/
浏览 25提问于2021-08-02得票数 0
回答已采纳
我有一个根component.From，我将进入欢迎页面，该页面显示了已经在表format.There中注册的用户的详细信息，它是一个注册按钮。一旦单击sign up按钮，就会打开一个对话框，询问新用户的details.My要求是:当我在sign up框中提供详细信息时，数据应该从对话框流向欢迎页面表。(类似于CRUD表单)。下面是我的代码：
import React, { Component } from 'react';
import './Todo.css'
import FormDialog from './FormDialog'
浏览 0提问于2020-02-07得票数 1
我使用material-ui的对话框:当用户按下“注销”按钮时，会打开一个对话框，出现“是”或“否”按钮，询问用户是否真的想注销。 当用户单击“退出”按钮或只是在窗口外单击时，它会将他注销-就像他按下“是”一样。我怎么才能控制这个？我要他们激活"no“按钮。 谢谢!
浏览 15提问于2020-08-22得票数 0
回答已采纳
我尝试了一些方法，从网上更改jQuery对话框标题，但我没有成功。有人能帮我做这件事吗。提前感谢
我已经有很多使用window.showModalDialog方法打开的弹出页面。现在我需要更改jQuery对话框。我想要更改对话框标题取决于弹出页面标题。现在弹出页面在iframe中，iframe在jQuery对话框中。我在弹出页面中添加了更改标题的函数。
这是我的aspx页面：
<div id="dialog">
<iframe id="myIframe" src=""></iframe>
</di
浏览 1提问于2019-06-14得票数 0
回答已采纳
在我的react应用程序中，我有一个带有显示对话框按钮的标题。
如有必要，此头组件将包含在所有页面中。
我当前显示对话框的逻辑如下：
当用户单击该按钮时，将向redux存储{ type:SHOW_DIALOG }发送一个操作，并让父组件处理状态更改并绘制对话框。我使用的是material-UI可滑动抽屉组件.
在头组件中的图标按钮中处理单击事件.
const handleClick = () => {
/*
* temporary bypass surgery to avoid going through login dialog
* dispatch({t
浏览 1提问于2021-09-19得票数 1
回答已采纳
1回答
import React, { PropTypes } from 'react';
import Dialog from 'material-ui/Dialog';
export default class simpleModal extends React.Component {
constructor(props){
super(props)
}
handlePrimaryButton = () => {
this.props.router.push(
浏览 1提问于2017-04-24得票数 4
1回答
我是一个新的react &我正在使用material-ui，我想在React中设计一个自定义的自动完成，一旦从下拉列表中选择了数据，它就会显示为文本输入中的芯片。我正在使用material-ui autocomplete的onNewRequest属性，但我不确定如何在其中呈现芯片组件。有人能指导我怎么做吗？我想设计像gmail中的布局一样的收件人。我知道有npm包可用，但我需要纯粹从material-ui设计它，所以请使用正确的方法进行指导。
谢谢
浏览 6提问于2017-06-25得票数 0
回答已采纳
我有以下问题，我选择的选项消失后，我关闭并重新打开模式，有人告诉我，这是因为所有的数据丢失时，一个模式卸载？那么，如何使选定的数据仍然显示。
我能够检索所选的数据，但我只希望所选的选项在模式关闭和重新打开后仍然存在
另外，我的select组件是不可重用的，任何关于如何优化这段代码的线索
import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import Modal from '@material-ui/core/Modal';
impor
浏览 24提问于2020-02-10得票数 0
回答已采纳
我正在学习react和material-ui，并尝试更新DialogTitle组件中字体的颜色。此link提供了覆盖对话框根类的解决方案(代码如下所示)。如何重写DialogTitle的根类，以便更改标题的样式？ root: {
backgroundColor: theme.palette.primary.main,
'& h6': {
color: 'red'
}
} 找到solution。 <DialogTitle
disableTypography
id="alert-dial
浏览 25提问于2019-10-10得票数 1
回答已采纳
1回答
我正在构建一个应用程序，它使用了一些React Hooks和一些类组件--这不是一个很好的方法，但我的时间很紧迫。如何使用React Hooks将数据从子功能组件传递到有状态类组件？ 我要传递的值是表行的索引吗？ 子组件： import React, { useState } from "react";
import { makeStyles } from "@material-ui/core/styles";
import Table from "@material-ui/core/Table";
import TableBody from
浏览 14提问于2019-10-12得票数 0
1回答
我正在寻找这个反应代码的一些指导，我有一个ActionsDropDownWidget，其中有一堆下拉条目作为子对象传递给它。
<DropdownMenu
testId="actions-menu"
trigger={({ triggerRef, ...props }) => (
<Button
appearance="subtle"
{...pro
浏览 2提问于2022-04-08得票数 1
回答已采纳
我试图在一个按钮的帮助下从另一个react组件中打开一个materialUI对话框组件。想要的结果是，每当我单击按钮时，它都会打开对话框。当前的结果是，它只在我单击按钮时每秒钟打开一次。
你们中有人知道为什么会这样吗？我必须使用useeffect() Hook吗？
这是带有按钮的父组件的代码片段：
const [showModal, setShowModal] = useState(false);
const saveButtonHandler1 = async () => {
function showModalHandler() {
setShowModal(!
浏览 0提问于2020-09-01得票数 2
回答已采纳
我有4个模态对话框打开从我的父页面点击不同的图标。
在关闭模式对话框时，我在父页面上有一个事件关闭动态操作，它会导致父页面提交。但是，我希望只有当一个这样的模态对话框关闭时，而不是当其他模态对话框关闭时，这个动态操作才能工作。
我尝试过使用Application的值，在条件下返回的行作为Dynamic的服务器端条件，但似乎没有任何工作。
如果能提供一些帮助，我们将不胜感激。
试图采取的行动：
浏览 1提问于2018-03-13得票数 2
回答已采纳
1回答
我在react中使用@material-ui。我有以下问题： 我有一个输入组件和一个弹出式菜单，在鼠标悬停时打开。当菜单打开时，输入组件失去焦点。当菜单关闭时，焦点将恢复到输入组件。 我需要防止焦点恢复到input元素。 我怎样才能实现这个行为呢？ import React from "react";
import Button from "@material-ui/core/Button";
import Menu from "@material-ui/core/Menu";
import MenuItem from "@materi
浏览 13提问于2020-09-17得票数 3
回答已采纳
我有一个无状态函数组件(请参阅下面的标题)，它使用React render在呈现时显示一些简单的标题元素。除了没有内部状态之外，Title也不会从它的父组件(GameHeader)接收任何支持。但出于某种原因，每当我从树中的另一个无关组件更新整个应用程序状态时，Title仍然会继续被重新呈现，这会导致React显示动画每次发生不相关的应用程序状态更改时都会运行。
// GameHeader.js
import React from 'react';
import Title from './Title';
import Options from '.
浏览 5提问于2020-11-29得票数 1
1回答
我正在使用material ui和mui-datatable在reactjs中构建简单的crud应用程序。我的< dummyTableComponent />在componentDidMount()中使用fetch()用处理过的数据填充表。我的< dummyDialogForm/>“使用fetch()提交数据。我应该如何刷新或重新加载我的?我不能使用输入值来更改表的状态，因为数据是在服务器端修改的。任何help> dummyTableComponent import React, { Component } from 'react'
import
浏览 13提问于2020-07-15得票数 0
回答已采纳
我想显示DatePicker对话框的标题。这就是我到目前为止所知道的： ? import React, { Fragment, useState } from "react";
import { DatePicker } from "@material-ui/pickers";
function BasicDatePicker(props) {
const [selectedDate, handleDateChange] = useState(new Date());
return (
<Fragment>
&l
浏览 13提问于2020-09-09得票数 0
回答已采纳
我在React Material UI中使用useState inside对话框。 我使用useCallBack函数，如下所示。 const [count,setCount] = React.useState({
count: 0
})
const countCallback = useCallback(
() =>
setCount({
...count,
count : count.count + 1
}),[setCount,count]) 在ChildComponent中点击递增按钮执行此回调时，显示递增的数字。 但当我关闭对话框并
浏览 26提问于2020-01-01得票数 0
回答已采纳
1回答
我用角质材料打开对话框。我有很多组件在对话框中得到了开放，但作为一个良好的分离关注的问题，我想避免烘焙在对话行为的组合。我有一个包装组件调用仪表板对话框，它有一个ng内容区域，并提供了一些基本功能和样式。
我希望能够做这样的事情，我可以做的tsx/反应；
const dialogComp = `<app-dashboard-dialog><app-create-user-form (create)="handleCreate()" cancel="handleCancel()"></app-create-user-form>&
浏览 1提问于2020-05-13得票数 1
我使用Oracle Apex中带有行和列的交互式报告以表格形式显示和编辑一些数据。我有一个图标，点击，打开一个Modal对话框页面，其中一些数据被输入。
现在关闭对话框页(操作是对话框关闭按钮上的提交页面)，后面的父页面只是获得重新呈现的，而我正在丢失打开模态对话框之前输入的所有编辑数据。
我无法找到一种方式，也会提交提交的父页面后，关闭Modal对话框，以便所有输入的值之前，打开对话框也保存时，父页提交。
浏览 1提问于2018-03-07得票数 0
回答已采纳
如标题所示， 我想在页面加载时在对话框中显示Youtube视频，它会自动打开对话框并播放Youtube视频。所以我在这里有我的登录页面的组件 // Main Application container
import React, { useState } from 'react';
import { BrowserRouter } from 'react-router-dom';
import PropTypes from 'prop-types';
import classNames from 'classnames';
im
浏览 62提问于2019-03-17得票数 1
回答已采纳
我有一个Todo组件，我正在尝试将onSubmitHandle()作为回调函数传递给子组件，而子组件又是一个对话框。该对话框有4个输入字段，要求所有4个输入字段的值都应传递给其父组件并在父组件中更新。(4 input fields.My requirement )有人能帮上忙吗？
我的Todo组件：
onSubmitHandle(event) {
event.preventDefault();
this.setState({students: [...this.state.students, {id:event.target.id.value,name: event.
浏览 0提问于2020-02-07得票数 0
我有一个问题，如果我点击一个菜单项或覆盖，我似乎无法确定我的应用程序栏的LeftDrawer在哪里不能关闭(不确定这是否是一个选项，或者是否可以使用react组件)。理想情况下，我希望两个选项都能关闭抽屉。提前感谢您花时间看这篇文章！
这是我的导航栏类，我使用它来打开LeftDrawer：
// Dependencies
import React from 'react';
//Comonents
import LeftDrawer from './left-drawer.jsx';
// Styles
import './nav-bar.scss&
浏览 0提问于2017-06-04得票数 10
回答已采纳
我很难弄清楚如何使用Material的对话框来呈现make，在单击按钮时关闭它们，并使它能够使不同的事物显示不同的模式。
这是我从Material中获取的对话框组件。
import React from 'react';
import Button from '@material-ui/core/Button';
import Dialog from '@material-ui/core/Dialog';
import DialogActions from '@material-ui/core/DialogActions';
浏览 2提问于2019-03-16得票数 3
2回答
我已经开始学习ReactJS，并有一个关于无状态和有状态组件的问题。通常，我遵循组件和容器的分离，如下所示。有状态函数在组件文件夹和容器文件夹下的其他逻辑操作中。
让我们考虑材料UI下拉列表。
import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import InputLabel from '@material-ui/core/InputLabel';
import MenuItem from '@material-ui/cor
浏览 1提问于2020-02-10得票数 0
回答已采纳
1回答
子组件对话框未关闭
、、、
我在父组件中有一个按钮，用来关闭子组件中的对话框。 父组件 handleMsgOpen = () => {
console.log('open called')
this.setState({ showMsg: true });
}
handleMsgClose = () => {
console.log('close called');
this.setState({ showMsg: false });
// this.props.authContext.logOut();
}
render{
浏览 6提问于2020-09-10得票数 0
回答已采纳
我试图在一个对话框中实现富文本，它是我从Material-UI中选择的。为此，我使用了一个包react-medium-editor。如果我将其放在对话框内，它不会将文本转换为富文本，但在对话框外会转换为富文本。这里可能出现的问题是我为演示而制作的示例项目。
浏览 5提问于2020-09-23得票数 0
我正在调用api并使用响应设置状态。在没有看到此错误的情况下，我无法调用setState :如果setState发生在承诺之外，则不会发生错误。
如何在未看到此错误的情况下将API响应设置为状态？
无法在未挂载的组件上调用setState (或forceUpdate)
componentDidMount() {
const url = 'https://localhost:8000/api/items'
let items;
fetch(url, {mode: 'cors'})
.then(res => res.
浏览 0提问于2018-07-12得票数 2
2回答
所以我想知道当有人点击应用程序栏上的菜单图标时，我如何创建一个在左边弹出的菜单。我只想说清楚，我说的是带按钮的应用程序。这是它的代码：
import React from 'react';
import PropTypes from 'prop-types';
import { withStyles } from '@material-ui/core/styles';
import AppBar from '@material-ui/core/AppBar';
import Toolbar from '@material-
浏览 0提问于2018-08-06得票数 0
回答已采纳
我有一个打开模式对话框的父页面。模态对话框页面的标题中有jabvascript，它使用以下javascript从父页面检索网格信息：
var ig$ = apex.region("pg_2_ig_grid").widget(),
view = ig$.interactiveGrid("getCurrentView");
apex.region("pg_2_ig_grid")返回null，所以我得到一个错误。不知道为什么会发生这种事。我还尝试将javascript添加到共享组件中，但得到了相同的错误。如何从模态对话框第3页访问第2页的网格？
浏览 3提问于2018-04-12得票数 0
回答已采纳
4回答
我最近启动了一个React项目，并且遇到了以下问题： 基本上，我正在尝试构建一个在单击按钮后立即弹出的对话框，就像那个一样： ? 因此，我有我的对话框组件，它就是这个(我使用Material-UI的对话框)： import React from 'react';
import Button from '@material-ui/core/Button';
import Dialog from '@material-ui/core/Dialog';
import DialogActions from '@material-ui
浏览 101提问于2020-01-15得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
