Así que implementé una selección de reacción en mi formulario en mi aplicación de reacción para obtener un valor para una variable específica que necesito, pero la variable no es solo una, tengo muchas y necesito crear una selección de reacción para cada uno de ellos a ellos
aquí hay una parte de mi código para representar la selección
<p><span className='openbookclassname'>Material type: </span></p> <Creatable isClearable value={materialValue} options={materialOptions} onChange={materialhandleChange} onCreateOption={materialhandleCreate} classNamePrefix="materialtype" styles={customStyles} />y estas son sus funciones, es algo larga, pero de todos modos puedo reutilizar esta función para cada una de mis variables seleccionadas sin superponer sus funciones (o los datos que se les pasan) porque cada variable tendrá un valor de uso diferente (valor de estado) en su reacción-seleccionar.
const [materialValue, setmaterialValue] = useState(); const [materialOptions, setmaterialOptions] = useState([ { value: 'books', label: 'books' }, { value: 'newspaper', label: 'Newspapers' }, { value: 'theses and dissertation', label: 'TheseTheseTheses and Dissertation' }, ]); const materialhandleChange = useCallback((inputValue) => setmaterialValue(inputValue), []);console.log(materialValue); const materialhandleCreate = useCallback( (inputValue) => { const newValue = { materialValue: inputValue.toLowerCase(), label: inputValue }; setmaterialOptions([...materialOptions, newValue]); setmaterialValue(newValue); }, [materialOptions] );:: lo siento, no soy bueno explicando, pero para abreviar, también quiero obtener otros datos variables del usuario, el primero es el tipo de material, que es lo que hice aquí, pero también quiero tener otras variables como como Publisher, disponibilidad, (también usaré react select en ellos) pero no me gusta reescribir esas funciones una y otra vez y editar los nombres de funcionalidad/var en él para que no se superpongan entre sí, así que estoy buscando para una manera de acortar mi código