小编woj*_*jas的帖子

我想在用户单击另一个选项卡时取消选项卡更改/面板切换,并且我发现当前面板中的更改未保存.

我用的是deselect()元素的属性<tab>,记录在这里,火在我的控制器的功能,并在我确定,我不应该改变标签.含义:我不想取消选择此选项并选择用户单击的其他用户.

我怎么能做到这一点？最好是从控制器内部,还是以任何其他方式？

我不能只做$ event.stopPropagation(),因为我这里没有$ event ...我错过了什么？

Plunker隔离问题.

我正在将CRA与Material-ui和Styled Components类型的样式一起使用。构建CSS时，我想访问Material-ui的默认主题。

package.json的一部分：

  "dependencies": {
    "react": "^16.8.6",
    "react-dom": "^16.8.6",
    "react-scripts": "3.0.1",
    "@material-ui/core": "^4.2.1",
    "@material-ui/icons": "^4.2.1",
    "@material-ui/styles": "^4.2.1",
    "styled-components": "^4.3.2"
  }

当我尝试以下内容theme时，props它是一个空对象。

StyledApp.js：

import styled from "styled-components";
import Button from "@material-ui/core/Button";

export const StyledButtonUsingTheme = styled(Button)`
  //Below will give "Cannot read property 'error' of undefined" 
  background-color: ${props => props.theme.palette.error.light};
`;

App.js：

import React from "react";
import "./App.css";

import { StylesProvider, ThemeProvider } from "@material-ui/styles";
import { createMuiTheme } from "@material-ui/core/styles";

import { StyledButtonUsingTheme } from "./StyledApp";

function …