muds

이걸 사용한다면요?setState()를 지정하시겠습니까? 사용하실 일이 있습니까?this.setState()redux를 사용할 때?아니면 항상 소품에만 의지하고 행동해야 하나요?명확한 용도setState로컬 디스플레이 상태를 가지지만 글로벌 애플리케이션과 관련이 없는 UI 구성 요소용입니다.예를 들어 특정 드롭다운 메뉴가 활성화되어 있는지 여부를 나타내는 부울은 글로벌 상태가 될 필요가 없기 때문에 메뉴 구성요소의 상태에 의해 보다 편리하게 제어됩니다. 다른 예로는 계층의 아코디언 디스플레이에서 선의 축소/확장 상태를 들 수 있습니다.또는 탭 탐색에서 현재 선택된 탭일 수도 있습니다.그러나 이러한 예에서는 모두 UI 상태를 글로벌하게 처리하도록 선택할 수 있습니다.예를 들어 페이지 새로 고침을 통해 유지..

access-token을 react.js의 어디에 저장합니까? 나는 Reactjs에서 앱을 만들고 있다.access_token을 확인한 후 가져오기 호출을 해야 합니다.등록 시 access_token은 백엔드 서버에서 취득됩니다.단, 이러한 access_token을 저장할 위치.이러한 access_token을 글로벌하게 하여 모든 컴포넌트가 액세스 할 수 있도록 하는 방법이 있습니까?로컬 스토리지, 캐시 및 세션 스토리지를 사용했지만 권장되지 않습니다.지난 며칠간 이 호에서 보류된 어떤 해결책도 있습니다.미리 알아둬야죠사용 가능한 옵션 및 제한 사항: 토큰 저장에는 다음 두 가지 옵션이 있습니다. Web Storage API: 다음 2가지 메커니즘을 제공합니다.sessionStorage ★★★★★★★★★..

재료-ui 자동완료 경고 자동완료에 제공된 값이 잘못되었습니다. React와 material-ui와 함께 일하고 있습니다.폼을 전송하려고 할 때 자동 완성 컴포넌트에 경고가 표시된다는 것을 깨달았기 때문에 문서와 같이 기본적인 작업을 수행하려고 했습니다. let Form = props => { return( option.name} style={{ width: 300 }} renderInput={(params) => } /> 폼을 송신하려고 하면, 다음의 에러가 표시됩니다. UI 자동 완성 UI: 자기완성.{"id":1,"name":"test"}을할 수 있습니다.getOptionSelected동등성 검정을 사용자 정의하는 데 사용됩니다. 또한 컴포넌트 상태에서 옵션을 설정하면 경고 메시지가 표시되지 않습니..

401(Authentication Error)을 액시스로 처리하여 어떻게 대응합니까? axios ajax 요청에 대한 래퍼가 포함된 request.js 파일이 하나 있습니다.여러 리액트 컴포넌트에서 요청 함수를 호출하고 있으며 요청 중 하나가 실패하면 토큰을 새로 고치고 실패한 모든 요청을 다시 시도합니다.인터셉터를 사용할 수는 있지만 어떻게 구현해야 할지 모르겠어요.제발 도와주세요. request.request.discloss를 실행합니다. var client = axios.create({ baseURL: 'http://192.168.1.3:3000', headers: { appID: 8, version: "1.1.0", empID: localStorage.getItem('empID'), token: ..

React를 사용하여 쿼리 문자열을 가져오려면 어떻게 해야 합니까? url http://localhost:3000/?http=123에서 "http=123"을 가져오려고 합니다.시험을 마친 //App.js const search = this.props.location.search; const params = new URLSearchParams(search); const foo = params.get('foo'); console.log(this.props); 그리고 내 콘솔에는 위치가 표시되지 않는 https://d.pr/i/w5tAYF 이 표시됩니다.아무 곳이나 검색...어떻게 쿼리 문자열을 얻을 수 있는지 아세요?React는 URL 검색 매개 변수를 처리하지 않습니다.여기 좀 봐주세요.window대신 이..

Create-React-App 빌드 - "Uncatched SyntaxError:예기치 않은 토큰

마운트 해제 시 이벤트 수신기 제거 반응 다음과 같은 반응으로 고차 컴포넌트를 얻었습니다. export default function (InnerComponent) { class InfiniteScrolling extends React.Component { constructor(props){ super(props); } componentDidMount() { window.addEventListener('scroll', this.onScroll.bind(this), false); } componentWillUnmount() { window.removeEventListener('scroll', this.onScroll.bind(this), false); } onScroll() { if ((window.inn..

오리진 'localhost:3000'에서 '...'의 XMLHttpRequest에 대한 액세스가 CORS 정책에 의해 차단되었습니다. 편집 , 이 는 금, 이, 는, 이, 는, 는, 는, 는, 는, 는, 는, 는, 는, 는, 는, 는, 는, 는, a, 는, 는, 는, 는, a, a, a, a, a, a, a, a, a,credentials: true 집에서는cors설정을 실시합니다. 완전히 우연한 기회에 깨달은 것은 만약 내가 이 모든 것을credentials: false 집에서는axios프런트엔드의 고객, 모든 것이 잘 작동했습니다. 「」, 「」로 합니다.true츠미야그리고 나서 이것저것 종합해서credentials: true모든 것이 예상대로 작동했습니다. 내 앱은 쿠키를 사용했기 때문에 이렇게 해야..

useEffect Hook 예제:재렌더의 원인은 무엇입니까? use Effect로 인해 재렌더가 발생하는 시기를 파악 중입니다.저는 다음 예제의 결과에 매우 놀랐습니다. https://codesandbox.io/embed/romantic-sun-j5i4m function useCounter(arr = [1, 2, 3]) { const [counter, setCount] = useState(0); useEffect(() => { for (const i of arr) { setCount(i); console.log(counter); } }, [arr]); } function App() { useCounter(); console.log("render"); return ; } 이 예의 결과는 다음과 같습니다. ..

create-react-app에서 제공하는 ESLint 사용 안 함 create-react-app v3.0.0이 출력되었습니다.TypeScript의 보풀을 내부적으로 지원합니다.(좋습니다!)TSLint가 켜져 있는 상황을 이해하고 ESLint로 대체할 예정입니다만, 지금은 아닙니다. 의 보풀을 무효로 하는 방법react-scripts start? /* eslint-disable */다른 사람들은 내가 찾고 있는 게 아니야.현재react-scriptsv4.0.2에서는 환경변수를 사용하여 ESLint를 해제할 수 있습니다.이 작업을 수행하려면 이 작업을.env파일 또는 패키지에 스크립트 접두사를 붙여서 파일을 만듭니다.json 파일. 예를 들어,.env: DISABLE_ESLINT_PLUGIN=true 아니..