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 vote219 views1 answer
Clear form in react
Javascript React
0 vote253 views1 answer
React native scrollable
Javascript React
9 votes199 views2 answers
How to redirect react router from the app components
Javascript React
0 vote220 views1 answer
React detect autofill
Javascript React
21 votes200 views3 answers
Map function in react
Javascript React
18 votes194 views3 answers
How To Hide React Navigation Header in React Native
Javascript React
0 vote183 views1 answer
How to display a calender in react native
Javascript React
0 vote261 views3 answers
Scrollview refresh react native
Javascript React
1 vote263 views1 answer
React site warning: The href attribute requires a valid address. Provide a valid, navigable address as the href value jsx-a11y/anchor-is-valid
Javascript React
0 vote187 views1 answer
React open a link to an outside siite
Javascript React