小编Ker*_*tam的帖子

deleteIcon我正在尝试为组件（MUI v5）提供自定义颜色Chip。正如我所看到的，我的样式被 覆盖.css-inlzrk-MuiButtonBase-root-MuiChip-root .MuiChip-deleteIcon ，但我无法覆盖它。我不想提供内联样式（例如<Cancel style={{color: 'blue'}} />）。

import * as React from "react";
import Chip from "@mui/material/Chip";
import Stack from "@mui/material/Stack";
import { makeStyles } from "@mui/styles";

import Cancel from "@mui/icons-material/Cancel";

export default function DeleteableChips() {
  const classes = makeStyles((theme) => ({
    icon: {
      color: "blue"
    }
  }))();

  const handleDelete = () => {
    console.info("You clicked the delete icon.");
  };

  return (
    <Stack direction="row" spacing={1}>
      <Chip
        className={{ deleteIcon: classes.deleteIcon }}
        label="Deletable"
        onDelete={handleDelete}
        deleteIcon={<Cancel …

我是序言的新手。让我在下面向您展示我想要的内容作为评论..

% ?-pair([1,2],[a,b],Result).
% Result= [{1,a},{1,b},{2,a},{2,b}].

而我所做的是..

pair([],Q,[]).
pair(P,[],[]).
pair([A|P],[B|Q],[{A,B}|R]) :- pair([A|P],Q,R).
pair([A|P],[B|Q],[{A,B}|R]) :- pair(P,[B|Q],R).

使用这段代码，我得到了这样的结果：

?- pair([1,2],[a,b],R).
R = [{1, a}, {1, b}] ;
R = [{1, a}, {1, b}, {2, b}] ;
R = [{1, a}, {1, b}, {2, b}] ;
R = [{1, a}, {2, a}, {2, b}] ;
R = [{1, a}, {2, a}, {2, b}] ;
R = [{1, a}, {2, a}] ;
false.

我想在一行中没有重复..

我是 Next.js 的新手，并根据文档设置我的路由机制，将文件结构安排为： pages/questions/[id].js

我想知道是否有很酷/更简单的方法可以id在我的页面上进行匹配；就像 React Router ( ) 中一样match.params.id。我不想将解析window.location.pathname作为我的第一选择。