React-hook-form image

const ImageUploader = ({
  errorMessage, name, watch, register, validationRules
}: TProps) => (
  <Container>
    <Col1>
      <Title>Choose logo</Title>
      <input
        type="file"
        accept=".jpg,.jpeg,.png"
        {...register(name, {
          required: true,
          pattern: {
            value: validationRules,
            message: errorMessage
          }
        })}
        name={name}
      />
      <span>{errorMessage}</span>
    </Col1>
    <Image
      alt="default"
      src={
        watch === undefined || watch.length === 0
          ? 'https://upload.wikimedia.org/wikipedia/commons/7/78/Image.jpg'
          : URL.createObjectURL(watch[0])
      }
    />
  </Container>
)

Similar codes

0 vote249 views1 answer
Sweper slider react
Javascript React
0 vote208 views1 answer
Text inside an image component react native
Javascript React
0 vote265 views1 answer
React-leaflet/core/cjs/pane.js:7%20error15-Jun-2021%2000:45:06%20%20%20%20%20%20const%20pane%20=%20props.pane%20??%20context.pane;
Javascript React
103 votes258 views7 answers
How to create react app
Javascript React
-1 vote256 views1 answer
Convert datetime value to time only in reactjs
Javascript React
0 vote216 views1 answer
React toastify does not have design
Javascript React
0 vote234 views1 answer
React chunk file too large
Javascript React
4 votes222 views2 answers
React checking matches in state array
Javascript React
0 vote215 views1 answer
Restful react npm
Javascript React
0 vote206 views1 answer
React-simple-star-rating
Javascript React