SolidJSS
SolidJS•3y ago•
2 replies
werichardson

Better Way to Write This?

Hey y'all! I have some code that works, but I can't help but feel there must be a better way to write it.

I have this form, and I created a Field component.
Field's will only be 
input
 elements or textarea elements.

The way I have it now, I create signals for the refs, then pass the signal into the Field component, which sets the 
ref
 appropriately:
  let [nameRef, setNameRef] = createSignal<HTMLInputElement>();
  let [emailRef, setEmailRef] = createSignal<HTMLInputElement>();
  let [messageRef, setMessageRef] = createSignal<HTMLTextAreaElement>();

        <Field
          label='Name'
          name='name'
          type='text'
          placeholder='Your Name...'
          setRef={setNameRef}
        />
        <Field
          label='Email'
          name='email'
          type='email'
          placeholder='Your Email Address...'
          setRef={setEmailRef}
        />
        <Field
          label='Message'
          name='message'
          type='textarea'
          placeholder='Your Message...'
          setRef={setMessageRef}
        />

Then, the Field component: https://sourceb.in/vtBHriCHuF

Is this the best way to do this? Or is there a better option?
SourceBin
Field.tsx
Instantly share your code with the world.
Field.tsx
Was this page helpful?