>source

안녕하세요 저는 재료 UI에 익숙하지 않습니다. textField는 숫자만 허용하고 패턴을 사용하지만 작동하지 않으며 숫자 유형으로도 시도했지만 작동하지만 패턴 일치만 필요합니다.

도움을 주셔서 감사합니다

<TextField
  name="salary"
  value={salary}
  variant="outlined"
  size="small"
  fullWidth
  autoComplete="off"
  pattern="[0-9]+"
 />

  • 답변 # 1

    입력 시 오류가 발생합니다.

    import React from "react";
    import ReactDOM from "react-dom";
    import TextField from "@material-ui/core/TextField";
    import { withStyles } from "@material-ui/core/styles";
    const styles= {
      input: {
        "&amp;
    :invalid": {
          border: "red solid 2px"
        }
      }
    };
    function App({ classes }) {
      return (
        <TextField
          inputProps={{ className: classes.input, pattern: "[0-9]{1,15}" }}
        />  );
    }
    const StyledApp= withStyles(styles)(App);
    const rootElement= document.getElementById("root");
    ReactDOM.render(<StyledApp />, rootElement);
    

  • 이전 excel : 필터 범위 복사 값 붙여넣기 및 새 시트 만들기
  • 다음 모든 Laravel 경로가 노출되었습니다. 검사에서 숨기는 방법(소스 code 보기)?