小编 Ki*_*aya的帖子

我需要为我的徽章组件添加自定义颜色，但它似乎不起作用

我试过这些

<Badge className="badge" badgeStyle={{backgroundColor: '#00AFD7'}} variant="dot" />

<Badge className="badge" color='#00AFD7' variant="dot" />

这些都行不通。如何将自定义颜色传递给我的徽章组件

我想将 CardHeader 中的标题更改为 16px。我尝试在 App.js 中更改主题，但似乎不起作用

const theme = createMuiTheme({
      typography: {
        useNextVariants: true,
        overrides: {
          MuiCardHeader: {
            titleTypographyProps: {
              variant:'h2'
            }
          }
        }
    });

在组件中，

<CardHeader
        action={
        <IconButton color="inherit">
            <MoreHorizIcon />
        </IconButton>
        }
        title="Titletext"
      />

标题字体仍然没有改变。我需要做什么来解决这个问题？

我有一个功能，可以在Cookie中设置一种语言，并将其用于某些功能。如何正确设置语言的值以在JEST中进行测试

function resolveLanguage () {
  // browser cookie is checked to see if there is a value for language
  const lang = Cookie.get('language')

  // If no lang, it is defaulted to en 
  return lang || 'en'
}

现在我想在JEST中对其进行测试

it('can resolve the language using a cookie', () => {
      Cookie.__defineGetter__("language", function() {
        return 'fr'
      })
      // console.log(Cookie.language) //returns fr
      // console.log(Cookie.get('language')) //returns fr
      expect(module.resolveLanguage()).toBe('fr') ---FAILS because it returns en
    })

如何使徽章出现在标题旁边。CardActions 中显示的图标可能位于右侧。有什么方法可以让徽章出现在标题旁边而不使用绝对定位吗？

https://codesandbox.io/embed/material-ui-card-styling-example-s9ko1

import React from "react";
import ReactDOM from "react-dom";
import { withStyles } from "@material-ui/core/styles";
import Avatar from "@material-ui/core/Avatar";
import Card from "@material-ui/core/Card";
import CardMedia from "@material-ui/core/CardMedia";
import CardContent from "@material-ui/core/CardContent";
import Divider from "@material-ui/core/Divider";
import Typography from "@material-ui/core/Typography";
import MoreVertIcon from "@material-ui/icons/MoreVert";
import CardHeader from "@material-ui/core/CardHeader";
import IconButton from "@material-ui/core/IconButton";
import Badge from "@material-ui/core/Badge";

import "./styles.css";

const faces = [
  "http://i.pravatar.cc/300?img=1",
  "http://i.pravatar.cc/300?img=2",
  "http://i.pravatar.cc/300?img=3",
  "http://i.pravatar.cc/300?img=4"
];

const styles = muiBaseTheme => ({
  card: {
    maxWidth: 300,
    margin: "auto", …

我正在使用 React-FontAwesome，如果我像这样导入 Font Awesome <FontAwesomeIcon icon={['far', calendar]}/>，并且如果我需要使用类“fa-fw”添加间距，我该怎么做？

https://codesandbox.io/s/40v5jk6no7

我必须在标题中显示图像并以这种方式显示

  <Toolbar className={classes.toolbar}>
    <IconButton className={classes.menuButton} color="inherit" aria-label="Menu">
      <MenuIcon />
    </IconButton>
    <Typography variant="h6" color="inherit" className={classes.grow}>
      Menu
    </Typography>

    <CardMedia
      className={classes.media}
      src='logo.svg'
      title="Logo"
    />
  </Toolbar>
</AppBar>

图像绝对拒绝出现。它与此 Header 组件位于同一文件夹中。有人可以指出我出了什么问题 更新：我这里有代码。https://codesandbox.io/s/xlw3l8yy74。尝试了以下所有建议。还没有运气

我有以下结构：

[
   {
     "key": "Asset Type",
     "values": ["Appliances", "Electronics"]
    }, 
    {
      "key": "Asset Availability",
      "values": ["In Stock"]
    }
]

我需要将其转换为：

{
  "Asset Type": ["appliances", "electronics"],
  "Asset Availability": ["in stock"]
}

我怎样才能做到这一点？

我想使用 google-libphonenumber 库格式化电话号码。我不想使用 Require，而是想使用 ES6 导入。但它似乎不起作用

import { PhoneNumberUtil, PhoneNumberFormat } from 'google-libphonenumber'

const phoneUtil = PhoneNumberUtil.getInstance()
let number = phoneUtil.parse(target.value, 'US') . //works
let valid = phoneUtil.isValidNumber(number) .   //works
console.log(phoneUtil.format(phone, PhoneNumberFormat.INTERNATIONAL)) //does not work

我后来尝试使用 require

const PNF = require('google-libphonenumber').PhoneNumberFormat

console.log(phoneUtil.format(phone, PNF.INTERNATIONAL))

这也给出了错误

TypeError: a.getNationalNumber is not a function
i18n.phonenumbers.PhoneNumberUtil.format
node_modules/google-libphonenumber/dist/browser/libphonenumber.js:5435