我正在嘗試使用TextField帶有輪廓變體的 Material-UI 組件，但由于某種原因，標簽直接通過值？我怎樣才能解決這個問題？
標簽和值混淆的 TextField 的螢屏截圖
我在下面的 codeandbox.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>
);
}
包.json
"@material-ui/core": "4.12.3",
"react": "17.0.2",
"react-dom": "17.0.2",
"react-scripts": "4.0.3"
uj5u.com熱心網友回復：
添加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>
);
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/364571.html