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 vote216 views1 answer
Export all functions from js file react
Javascript React
29 votes186 views6 answers
React background image
Javascript React
0 vote182 views1 answer
React-navigation headerbackbutton not export member of navigation
Javascript React
0 vote240 views1 answer
React native npm run start port
Javascript React
8 votes193 views4 answers
Get current url react router
Javascript React
1 vote220 views1 answer
@react-google-maps/api npm
Javascript React
0 vote222 views1 answer
Chromepicker react-color not working
Javascript React
2 votes147 views1 answer
Yarn create react-app test00h00m00s 0/0: : ERROR: [Errno 2] No such file or directory: 'create'
Javascript React
0 vote197 views1 answer
Reactjs fix ios apostrophe encoding
Javascript React
29 votes196 views3 answers
Creating react app using npx
Javascript React