Tengo un par de campos de selección e entrada como Agregar campo 1 y Agregar valor 1 Imagen de campos con un ícono más que agrega otro par de campos. Lo que estoy tratando de hacer se basa en el tipo de campo de opciones seleccionado. Necesito cambiar el primer campo de entrada como tipo "texto" o como selector de fecha, pero mi segundo campo de entrada de par no debe cambiar.

 const [changeInputs, setChangeInputs] = useState(
 {
 date_pic: false,
 str_field: false,
 decimal: false,
 number: false,
 }
)

useEffect(() => {
 if (inputs.CATS_AddField !== "") {
 for (let i = 0; i < addFieldOptions.data.cats_addfields.length; i++) {
 if (addFieldOptions.data.cats_addfields[i].fieldtype === 'String'){
 console.log('::String::');
 setChangeInputs(values => ({...values, str_field: true, date_pic: false, decimal: false, number: false}))
 }
 else if (addFieldOptions.data.cats_addfields[i].fieldtype === 'Date') {
 console.log('::Date::');
 setChangeInputs(values => ({...values, date_pic: true, decimal: false, number: false, str_field: false}))
 }
 else if (addFieldOptions.data.cats_addfields[i].fieldtype === 'Decimal') {
 console.log('::Decimal::');
 setChangeInputs(values => ({...values, decimal: true, number: false, str_field: false, date_pic: false}))
 }
 else if (addFieldOptions.data.cats_addfields[i].fieldtype === 'Number') {
 console.log('::Number::');
 setChangeInputs(values => ({...values, number: true, str_field: false, date_pic: false, decimal: false}))
 }
 else {
 console.log('::none::');
 setChangeInputs(values => ({...values, str_field: false, date_pic: false, decimal: false, number: false}))
 }
 }
 }
 else <></>
}, [inputs.CATS_AddField])