2

这是在一个文件夹中定义的代码。我正在尝试在其中添加材质图标。但它显示错误

使用 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')
4

1 回答 1

3

请在使用 JSX 的文件的顶部导入 react。

import React from 'react'
于 2020-05-07T15:19:20.033 回答