วัสดุ-ส่วนติดต่อผู้ใช้ขอ TextField ผังฉลามตีผ่านค่า

Question 1

ฉันกำลังพยายามใช้ TextField ส่วนประกอบจากวัสดุ-ส่วนติดต่อผู้ใช้กับ outlined ผังย่อยแต่สำหรับเหตุผลบางอย่างที่ป้ายชื่อไปเข้าค่า? แล้วฉันจะแก้ตัวได้ยัง?

ภาพหน้าจอที่จับได้ของ TextField กับฉลากและค่าเกี่ยวข้อง

ฉันแพร่พันธุ์มันอยู่ด้านล่าง codesandbox.บ io:

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

แพ็คเก็จฉันทำอยู่บ่อยๆlanguage

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

วัสดุ-ส่วนติดต่อผู้ใช้ขอ TextField ผังฉลามตีผ่านค่า

คำถาม

แอพtsx

แพ็คเก็จฉันทำอยู่บ่อยๆlanguage

คำตอบที่ดีที่สุด

ในภาษาอื่นๆ

หน้านี้อยู่ในภาษาอื่นๆ

ดังอยู่ในนี้หมวดหมู่

ดังคำถามอยู่ในนี้หมวดหมู่