सामग्री-यूआई पाठ फ़ील्ड प्रकार लेबल हड़ताली के माध्यम से मूल्य

Question 1

मैं कोशिश कर रहा हूँ का उपयोग करने के लिए TextField घटक सामग्री यूआई के साथ रेखांकित किया संस्करण है, लेकिन किसी कारण के लिए लेबल सीधे चला जाता है के माध्यम से मूल्य है? मैं इसे कैसे ठीक करूं?

स्क्रीनशॉट के लिए पाठ फ़ील्ड के साथ लेबल और मूल्य मिश्रित

मैं reproduced यह नीचे में codesandbox.कब:

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

अनुप्रयोग.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>
  );
}

पैकेज में । json

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

Question 2

जोड़ें InputLabelProps={{ shrink: true }} मजबूर करने के लिए "सिकुड़ते" राज्य के एक TextField नियंत्रण है, जो इस मामले में प्रस्तुत करना चाहिए लेबल की रूपरेखा पर क्षेत्र.

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

जोड़ें InputLabelProps={{ shrink: true }} मजबूर करने के लिए "सिकुड़ते" राज्य के एक TextField नियंत्रण है, जो इस मामले में प्रस्तुत करना चाहिए लेबल की रूपरेखा पर क्षेत्र.

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>
  );
}

सामग्री-यूआई पाठ फ़ील्ड प्रकार लेबल हड़ताली के माध्यम से मूल्य

सवाल

अनुप्रयोग.tsx

पैकेज में । json

सबसे अच्छा जवाब

अन्य भाषाओं में

यह पृष्ठ अन्य भाषाओं में है

इस श्रेणी में लोकप्रिय

लोकप्रिय सवाल इस श्रेणी में