react-captcha-code 
 NPM 地址 : react-captcha-code - npm
 
 
npm install react-captcha-code --save
如下我自己的封装:
import Captcha from "react-captcha-code";
type CaptchaType = {
  captchaChange: (captchaInfo: string) => void;
  code?: string;
  width?: number;
  height?: number;
  charNum?: number;
  bgColor?: string;
  fontSize?: number;
};
const CaptchaComponent = ({
  code,
  width,
  height,
  charNum,
  bgColor,
  fontSize,
  captchaChange,
}: CaptchaType) => {
  return (
    <div>
      <Captcha
        width={width ?? 200}
        height={height ?? 40}
        bgColor={bgColor ?? "#DFF0D8"}
        charNum={charNum ?? 4}
        fontSize={fontSize ?? 25}
        onChange={captchaChange}
        code={code || ""}
      />
    </div>
  );
};
export default CaptchaComponent;
时小记,终有成。




















