Material-UI TextField varianta eticheta izbitoare prin valoare

Question 1

Eu sunt încercarea de a utiliza TextField componenta de Material-UI cu conturat variantă, dar pentru unii motiv, eticheta trece direct prin valoare? Cum pot repara asta?

Captură de ecran de Text cu eticheta și valoarea amestecat

Am reprodus-o în jos 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>
  );
}

pachet.json

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

Question 2

Adauga InputLabelProps={{ shrink: true }} pentru a forța "shrink" stat de o TextField de control, care în acest caz ar trebui să facă eticheta de pe conturul terenului.

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

Adauga InputLabelProps={{ shrink: true }} pentru a forța "shrink" stat de o TextField de control, care în acest caz ar trebui să facă eticheta de pe conturul terenului.

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-UI TextField varianta eticheta izbitoare prin valoare

Problema

App.tsx

pachet.json

Cel mai bun răspuns

În alte limbi

Această pagină este în alte limbi

Popular în această categorie

Întrebări frecvente în această categorie