react-hooks中input标签自定义样式实现图片上传及预览

使用label的htmlFor属性修改样式

jsx部分：

    
  const [preImg, setPreImg] = useState<string>()
  const [uploading, setUploading] = useState(false)
  const choseImg = async (e: any) => {
    try {
      const {formData, base64}: {formData: any; base64: string} = await lrz(e.target.files[0], {
        width: 750,
        fieldName: 'imageAML',
      })
      uploadImage(formData, base64)
    } catch (e) {
      console.log(e)
    }
  }
  const uploadImage = (formData: any, base64: string) => {
    // 调用接口 上传文件 上传成功 setPreImg(base64)
    setPreImg(base64)
  }
  return (
    <div className='photo_upload'>
      <div className='card'>
        <label htmlFor='upload'>
          {preImg ? (
            <img className='photo' alt='证件照' src={preImg} />
          ) : (
            <div className='portr