Material-interfaz de usuario TextField variante de la etiqueta llamativa a través de valor

Question 1

Estoy tratando de usar TextField componente de Material-interfaz de usuario con los descritos variante, pero por alguna razón la etiqueta pasa directamente a través del valor? ¿Cómo puedo solucionar este problema?

Captura de pantalla de campo de texto de la etiqueta y el valor de mezclado

He reproducido en la siguiente codesandbox.io:

https://codesandbox.io/s/angry-borg-2ojel?file=/src/App.tsx

App.tsx

import { TextField } from "@material-ui/core";
import "./styles.css";

export default function App() {
  return (
    <div className="App">
      <TextField variant="outlined" label="Label" value="Vest" />
    </div>
  );
}

paquete.json

    "@material-ui/core": "4.12.3",
    "react": "17.0.2",
    "react-dom": "17.0.2",
    "react-scripts": "4.0.3"

Question 2

Agregar InputLabelProps={{ shrink: true }} para forzar el "encogimiento" del estado de un TextField de control, que en este caso se debe procesar la etiqueta en el contorno de la esfera.

import { TextField } from "@material-ui/core";
import "./styles.css";

export default function App() {
  return (
    <div className="App">
      <TextField variant="outlined" label="Label" value="Vest" InputLabelProps={{ shrink: true }}/>
    </div>
  );
}

Martin Devillers · Answer 1 · 2021-11-24T02:42:16

Agregar InputLabelProps={{ shrink: true }} para forzar el "encogimiento" del estado de un TextField de control, que en este caso se debe procesar la etiqueta en el contorno de la esfera.

import { TextField } from "@material-ui/core";
import "./styles.css";

export default function App() {
  return (
    <div className="App">
      <TextField variant="outlined" label="Label" value="Vest" InputLabelProps={{ shrink: true }}/>
    </div>
  );
}

Material-interfaz de usuario TextField variante de la etiqueta llamativa a través de valor

Pregunta

App.tsx

paquete.json

Mejor respuesta

En otros idiomas

Esta página está en otros idiomas

Popular en esta categoría

Las preguntas más habituales en esta categoría