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 vote333 views2 answers
Syntax attribute same as name react
Javascript React
0 vote387 views2 answers
How to import jquery file in react js
Javascript React
0 vote370 views1 answer
Formatt json to create node and child node react
Javascript React
0 vote386 views1 answer
Github create react app buildpack
Javascript React
2 votes370 views3 answers
Linear gradient reactjs
Javascript React
0 vote301 views1 answer
Document is not defined react router
Javascript React
0 vote342 views2 answers
Which one is better arrow functions or using bind in react?
Javascript React
0 vote369 views1 answer
Store data with props in react js
Javascript React
0 vote407 views1 answer
React bootstrap profile card
Javascript React
126 votes568 views4 answers
Npm create react app
Javascript React