Tengo el modo de edición en mi tabla de materiales. Cada fila contiene dos menús desplegables. El primer menú desplegable tiene una lista estática de opciones en la selección en el controlador de cambios. Se realiza una llamada ajax para obtener la lista de opciones para el segundo menú desplegable, la respuesta con la lista de opciones se guarda en el estado, lo que hace que el componente se vuelva a procesar y deshabilita el modo de edición. - que no quiero. Quiero mantener la moda de edición hasta que haga clic en el botón Guardar. Me pregunto si hay algún método/opción al que pueda acceder a través de tableRef que pueda ayudarme.
title: 'Category', field: 'category', editComponent: ({ value, onChange }) => ( <Select fullWidth value={value ?? ''} onChange={(event) => { onChange(event.target.value); dispatch(actions.getSubcategoriesList(event.target.value)).then((data) => { setSubcategories(data); }); }} style={{ backgroundColor: '#f06565' }} > {actualsCategories.map((cat) => ( <MenuItem key={cat.id} value={cat.id}> {cat.name} </MenuItem> ))} </Select> ),