재료-UI TextField 변종 레이블을 통해 눈에 띄는 가치

Question 1

그 TextField 구성 요소에서 물질-UI 으로 설명하는 변형을 가지고 있지만,어떤 이유로 상표가를 통해 바로 값? 어떻게 이 문제를 해결할 수 있을까요?

나는 복제에서 아래 codesandbox.io:

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

App.서울

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

재료-UI TextField 변종 레이블을 통해 눈에 띄는 가치

질문

App.서울

패키지입니다.json

최고의 응답

다른 언어로

이 페이지는 다른 언어로되어 있습니다

이 카테고리에서 인기

인기 있는 질문에 이 카테고리