如何将自定义变体添加到 notistack？答案

【问题标题】：How can I add custom variants to notistack?如何将自定义变体添加到 notistack？
【发布时间】：2023-02-02 10:56:41
【问题描述】：

试过 documentation 和 github 上的每一个问题，但一无所获......

【问题讨论】：

标签： javascript reactjs material-ui frontend notistack

【解决方案1】：

你可以通过使用自定义组件来实现，你可以从here找到文档

下面的链接有代码，make。一定要遵循他们的最佳实践。 https://codesandbox.io/s/github/iamhosseindhv/notistack/tree/alpha/examples/custom-snackbar-example-2?file=/src/ReportComplete.tsx:1773-1784

【讨论】：

【解决方案2】：

您可以确定 snackbar 内的操作并向 notistack ui 添加一些组件，但我认为无法更改默认样式

enqueueSnackbar(message,{variant:messageState.sort,autoHideDuration:3000,action})

动作如下

const action = (key:any) => (
        <Fragment>
            <CloseIcon style={{left:0}} fontSize={"large"} className="absolute top-0 bottom-0 start-0 pt-2" onClick={()=>onCloseSnackbarClick(key)}/>
        </Fragment>
    );

【讨论】：

我认为这个问题与自定义变体有关，而不是修改现有变体