刚进入页面的时候img的src会报错data:image/svg+xml;base64,undefined net::ERR_INVALID_URL,解决办法就是在请求返回的时候拼接好src再赋值到img。

const FormMain = memo(() => {

  const [authCode, setAuthCode] = React.useState<any>();
  useEffect(() => {
    axios({
      method: 'get',
      url: `${proBaseURL_2}json/verifyCode`,
    }).then((res) => {
      setAuthCode('data:image/svg+xml;base64,' + res?.data.code)
    }).catch((e) => {

    });

  }, []);
  const view = React.useMemo(() => {
    return (
         	   <img
                key={'img'}
                style={{ marginTop: '-30px', width: '240px', height: '88px' }}
                onClick={() =>
                  axios({
                    method: 'get',
                    url: `${proBaseURL_2}json/verifyCode`,
                  }).then((res) => {
                    setAuthCode('data:image/svg+xml;base64,' + res?.data.code)
                  }).catch((e) => {
                })
                }
                src={authCode}
                alt=""
              />
           
    )

  }, [authCode])
  return view;

});

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐