Supongamos que tengo 2 entradas a continuación, que comparten el mismo valor de props excepto className
<ReactCardFlip> <input type="text" maxLength={1} className={inputStyles.input} defaultValue={value} /> <input type="text" maxLength={1} className={`${inputStyles.input} ${inputFlipClass}`} defaultValue={value} /> </ReactCardFlip>Además de crear un nuevo componente, ¿es posible compartir los accesorios como
<ReactCardFlip> <input {...inputProps} className={inputStyles.input} /> <input {...inputProps} className={`${inputStyles.input} ${inputFlipClass}`} /> </ReactCardFlip>?
Sí tu puedes. También puede crear un captador de accesorios (un término acuñado por Kent C Dodds) para la entrada
const getInputProps = (config) => ({ type: "text", maxLength: 1, defaultValue: value, ...config, }) return ( <ReactCardFlip> <input {...getInputProps({ className: inputStyles.input })} /> <input {...getInputProps({ className: `${inputStyles.input} ${inputFlipClass}` })} /> </ReactCardFlip> );