刚进入页面的时候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

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐