Tengo dos funciones que establecen valores diferentes. En el marcado, ¿cómo configuro el atributo para que tenga la extensión correcta? Sé cómo hacer esto con el operador ternario estándar, pero no quiero copiar el mismo código para todo lo que está debajo del atributo, ya que está envuelto dentro de él.
const labelAttributes = ['checkbox'].includes(type) ? keyboardEvents({ space: () => helpers.setValue(!field.value) }) : null; const labelAttributesRadio = ['radio'].includes(type) ? keyboardEvents({ space: () => helpers.setValue(value) }) : null; return ( {type == 'radio' ? ( <label {...labelAttributesRadio}> ) : ( <label {...labelAttributes}> )} // Removed a lot more content but don't want to have to copy it twice within the operator <Field> </Field> <span> </span> </label>)