reactjs - 我创建的 Tostify 组件无法正常工作

Question

注册.js

const res = await axios.post("http://localhost:8000/SignUp", userData);
<Tostify type="Success" msg={res.data.message} />;
History.push("/Login");

Tostify 是我创建的组件

Tostify.js

mport { toast } from "react-toastify";
import "react-toastify/dist/ReactToastify.css";
toast.configure();

const Tostify = ({ type, msg }) => {
  switch (type) {
    case "Warning":
      toast.warning(msg, { autoClose: 10000 });
      break;
    case "Error":
      toast.error(msg, { autoClose: 10000 });
      break;
    case "Success":
      toast.success(msg, { autoClose: 10000 });
      break;
    case "Info":
      toast.info(msg, { autoClose: 10000 });
      break;
  }
};

export default Tostify;

但是当用户成功登录时不起作用。

但是，如果我直接在 signUp.js 中执行此操作，则它可以正常工作。

const res = await axios.post("http://localhost:8000/SignUp", userData);
toast.success(res.data.message);
History.push("/Login");

怎么了 ？？