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

17 votes396 views3 answers
React router url params
Javascript React
0 vote376 views1 answer
React native add bottom tab and drawer menu
Javascript React
3 votes368 views1 answer
Could not resolve dependency: npm ERR! peer react@"^16.0.0" from [email protected]
Javascript React
0 vote357 views1 answer
Salvar no localStorage react
Javascript React
0 vote352 views2 answers
Hot reload problem react 17
Javascript React
1 vote396 views2 answers
React PropTypes.instanceOf
Javascript React
0 vote408 views1 answer
How to change the choose file button text in react
Javascript React
3 votes392 views1 answer
React hooks send data from child to parent
Javascript React
0 vote393 views1 answer
Text input placeholder font family react native
Javascript React
0 vote366 views1 answer
How to calc() height in react native for styling
Javascript React