useSnackbar 直接输入换行符 \n 不生效问题

151 阅读1分钟

问题如标题: 直接输入不生效,也没有dangerouslySetInnerHTML属性

解决方案还是配置options:

代码如下:

  const message = '这是第一行文本\n这是第二行文本\n这是第三行文本';
    enqueueSnackbar(message, {
      variant: 'info',
      anchorOrigin: {
        vertical: 'top',
        horizontal: 'right',
      },
      style: { whiteSpace: 'pre-line' },
    });

根据自己需要调整位置。