在 React-Toastify 消息中添加 Material 图标

Question

这是在一个文件夹中定义的代码。我想在此添加 material 图标。但它显示错误

使用 JSX 时 React' 必须在范围内

import { toast } from 'react-toastify';
import ErrorIcon from '@material-ui/icons/Error';

const Alert = (type, message) => {
    switch (type) {
        case 'warning':
            return toast.warning(message)
        case 'error':
            return toast.error(<div><ErrorIcon/> {message}</div>) // look this line
        case 'success':
            return toast.success(message)
        case 'info':
            return toast.info(message)
        case 'dark':
            return toast.dark(message)
        default:
            return toast(message)
    }
}
export default Alert;

像这样访问代码...

import Alert from '../utils/toster.js';

Alert('error', 'Try Again')

Answer 1

请在使用 JSX 的文件之上导入 react。

import React from 'react'

在 React-Toastify 消息中添加 Material 图标

Add Material Icon in React-Toastify Message

javascript

reactjs

material-ui

alert

react-toastify