«material-ui» 태그된 질문

나는 약간의 코드를 썼다 : function renderGreeting(Elem: React.Component<any, any>) { return <span>Hello, <Elem />!</span>; } 오류가 발생했습니다 : JSX 요소 유형에 Elem구성 또는 호출 서명이 없습니다. 무슨 뜻인가요?

158 reactjs  typescript  material-ui 

makeStyles()수명주기 메서드와 함께 구성 요소 를 사용하려고 할 때마다 아래 오류가 발생 합니다. 잘못된 후크 호출입니다. 후크는 함수 구성 요소의 본문 내에서만 호출 할 수 있습니다. 이는 다음 이유 중 하나로 인해 발생할 수 있습니다. React와 렌더러 (예 : React DOM)의 버전이 일치하지 않을 수 있습니다. 후크 규칙을 위반할 수 …

119 reactjs  material-ui 

Material-UI 로 약간 놀고 있습니다. 그리드 레이아웃을 만드는 옵션이 있습니까 (예 : Bootstrap )? 그렇지 않은 경우이 기능을 추가하는 방법은 무엇입니까? 거기에있다 GridList 구성 요소는 하지만 난 그게 어떤 다른 목적을 가지고 같아요.

118 reactjs  material-design  material-ui  grid-system 

css-in-js 메서드를 사용하여 반응 구성 요소에 클래스를 추가하는 경우 여러 구성 요소를 추가하려면 어떻게해야합니까? 다음은 클래스 변수입니다. const styles = theme => ({ container: { display: 'flex', flexWrap: 'wrap' }, spacious: { padding: 10 }, }); 사용 방법은 다음과 같습니다. return ( <div className={ this.props.classes.container }> 위는 작동하지만 classNamesnpm 패키지 …

92 css  reactjs  material-design  material-ui  jss 

어떤 이유로 material-ui datepicker가 작동 하지 않습니다 . 날짜 선택기가 React에서 렌더링 될 때마다 다음 오류가 발생합니다. RangeError : 형식 문자열에 이스케이프되지 않은 라틴 알파벳 문자가 포함되어 있습니다. n datepicker ( https://stackblitz.com/edit/react-6ma6xd?embed=1&file=index.js ) 로 stackblitz를 만들었 으며 오류가 표시됩니다. 내가 무엇을 잘못하고 있지? 설치 안내서의 모든 지침을 따랐습니다. material-ui / …

19 javascript  reactjs  material-ui  material-ui-pickers 

React Material-UI ( https://material-ui.com/components/autocomplete/ ) 의 문서를 참조하고 있습니다. 데모 코드에서 <Autocomplete options={top100Films} getOptionLabel={(option: FilmOptionType) => option.title} style={{ width: 300 }} renderInput={params => ( <TextField {...params} label="Combo box" variant="outlined" fullWidth /> )} /> 어떻게 작동하는지 알지만 선택한 값을 얻는 방법을 잘 모르겠습니다. 예를 들어, onChange선택에 따라 몇 가지 조치를 취할 …

17 javascript  reactjs  material-ui 

프로덕션 버전에서 MERN 앱의 로그인 구성 요소에 액세스하려고하면이 이미지에 다음과 같은 일련의 오류가 표시됩니다. 내 앱 ( https://github.com/ahaq0/kumon_schedule )은 로컬에서 완벽하게 작동하며 오늘 일찍 Heroku에서 완벽하게 호스팅되었습니다. 오늘 내가 만든 코드의 모든 변경 사항을 롤백하려고 시도했습니다. 마찬가지로 package.json (및 .lock)을 확인하여 재질 UI 종속성을 변경했는지 확인했지만 동일합니다. 호스팅 된 버전 …

15 reactjs  typescript  heroku  material-ui  mern 

Autocomplete입력 태그에 구성 요소 를 사용하고 싶습니다 . 태그를 가져 와서 상태에 저장하여 나중에 데이터베이스에 저장할 수 있습니다. 반응하는 클래스 대신 함수를 사용하고 있습니다. 나는으로 시도 onChange했지만 결과를 얻지 못했습니다. <div style={{ width: 500 }}> <Autocomplete multiple options={autoComplete} filterSelectedOptions getOptionLabel={option => option.tags} renderInput={params => (<TextField className={classes.input} {...params} variant="outlined" placeholder="Favorites" margin="normal" …

12 reactjs  material-ui 

경고 구성 요소를 사용하기 위해 material-ui / lab을 설치했지만 가져올 때마다 import Alert from '@material-ui/lab/Alert';컴파일하지 않고이 오류가 발생합니다. ./node_modules/@material-ui/lab/esm/internal/svg-icons/SuccessOutlined.js Attempted import error: 'createSvgIcon' is not exported from '@material-ui/core/utils'. 그래서이 문제를 Google에 시도하고 material-ui/lab/AutoComplete구성 요소 에 대한 다른 질문 ( 이 질문은 정확히 )을 발견했으며 허용되는 답변은 material-ui / core를 버전 …

11 javascript  node.js  reactjs  material-ui 

브라우저에서 프로젝트를 실행할 때 다음 오류가 발생했습니다. 컴파일하지 못했습니다 : ./node_modules/@material-ui/lab/esm/internal/svg-icons/Close.js Attempted import error: 'createSvgIcon' is not exported from '@material-ui/core/utils'. "다중 값"섹션의 예제에서 자동 완성 구성 요소 를 구현하려고합니다 . 사용중인 코드는 다음과 같습니다. import React from 'react'; import Chip from '@material-ui/core/Chip'; import Autocomplete from '@material-ui/lab/Autocomplete'; import TextField from '@material-ui/core/TextField'; …

11 reactjs  typescript  material-ui