0
653
ViewsReact no reconoce el apoyo `InputProps` en un elemento DOM
Advertencia: React no reconoce el InputProps en un elemento DOM. Si desea que aparezca intencionalmente en el DOM como un atributo personalizado, escríbalo como inputprops en minúsculas. Si lo pasó accidentalmente desde un componente principal, elimínelo del elemento DOM.
No entiendo que estoy haciendo mal. Y he visto muchos problemas similares como este. Pero no pude ver una solución adecuada.
<TextField {...input} {...rest} name={input.name} inputRef={inputRef} autoFocus={inputRef.current === document.activeElement} disabled={disabled || false} multiline={rowCount ? true : false} style={{ width: "100%", }} onChange={(event) => { input.onChange(event.target.value); }} {...(hesapla ? { onBlur: (e) => { hesapla({ name: input.name, value: input.value }); }, onKeyDown: (e) => { if (e.key === "Enter") { hesapla({ name: input.name, value: input.value }); e.preventDefault(); } }, } : {})} InputProps={{ classes, ...(inputComponent ? { inputComponent: inputComponent } : {}), ...(endAdornment ? { endAdornment: endAdornment } : {}), }} inputProps={{ style: { maxHeight: (rowCount * 16).toString() + "px", overflow: "auto", ...(rightJustify ? { textAlign: "end" } : {}), ...(!readOnly && hesapla ? { fontWeight: "bold", borderBottom: "2px solid" } : {}), }, readOnly: readOnly ? readOnly : false, }} ></TextField> 
1 answers
Answer question0
El problema es con su objeto InputProps , de acuerdo con la documentación, usa un object , no le pasó un objeto adecuado.
Entonces, si desea darse cuenta de este problema, le sugiero que cree su entrada InputProps como una variable y la registre:
const myInputPropsObject = { classes, ...(inputComponent ? { inputComponent: inputComponent } : {}), ...(endAdornment ? { endAdornment: endAdornment } : {}), } console.log(myInputPropsObject) Nota: la destrucción de un objeto vacío provocará el Uncaught SyntaxError: Invalid or unexpected token .
para comprobarlo:
const myObject = { name: 'testName', ...{}, }