Tengo un componente personalizado que llama a otro componente personalizado creado con withStyles. Se parece a esto
import {FormControl, InputBase, InputLabel, withStyles} from "@material-ui/core"; import React from "react"; export const CustomInput = withStyles((theme) => ({ ... } }))(InputBase); export const CustomTextField = (props) => { ... return ( <FormControl fullWidth > <CustomInput id={id} fullWidth onChange={e => onChange(e)} value={value} variant={'outlined'} disabled={disabled} name={name} height={height} multiline={multiline} minRows={3} maxRows={10} /> </FormControl> ); } Recibo un error saying React does not recognize the "minRows" prop on a DOM element. Así como "maxRows". Pero cuando miro la API de InputBase , tanto minRows como maxRows están presentes. Esto está usando la interfaz de usuario de material v4
EDITAR: captura de pantalla DOM
minRows y maxRows solo son válidos cuando multiline se establece en true:
https://mui.com/api/input-base/
Lo que sucede cuando la multilínea se establece en falso es que todos los accesorios desconocidos/no utilizados se pasan al elemento DOM subyacente. Dado que minRows y maxRows no son atributos DOM válidos, esto explica el error que está recibiendo. Asegúrese de establecer solo filas mínimas/máximas cuando la multilínea sea realmente verdadera. No estoy en un lugar donde pueda probar esto, pero creo que puedes hacer esto:
minRows={multiline ? 3 : null} maxRows={multiline ? 10 : null} ACTUALIZAR: asegúrese de tener la última versión de MUI; puede hacerlo ejecutando npm update o yarn upgrade .