topblog

react.default.createContext는 react-redux를 사용할 때 함수가 아닙니다. 진입점에 컴포넌트를 추가할 때 문제가 발생하여 바로 이 오류가 나타납니다. 어떻게 수정해야 합니까?메인 컴포넌트만 추가하려고 합니다만, 어쨌든, main.jsx 의 return "hello world" 를 return 하는 render 메서드의 클래스에서는 에러가 발생합니다. _react.default.createContext is not a function // App.jsx import React from 'react'; import { render } from 'react-dom'; import { Provider } from 'react-redux'; import { BrowserRouter }..

Jest가 모든 비동기 코드의 실행이 완료될 때까지 기다렸다가 어설션을 기대하는 방법 React 어플리케이션 통합 테스트(많은 컴포넌트를 함께 테스트하는 테스트)를 작성 중입니다.외부 서비스에 대한 콜은 모두 모의하고 싶습니다. 문제는 비동기 콜백이 실행되기 전에 테스트가 실행되는 것처럼 보여 테스트가 실패한다는 것입니다. 이 근처에 다른 방법이 있나요?콜 비동기 코드가 종료될 때까지 기다려도 될까요? 여기 내 요점을 설명하기 위한 몇 가지 나쁜 의사 코드가 있다. Parent를 마운트할 때 Child 컴포넌트가 외부 서비스에서 반환된 콘텐츠를 렌더링하는지 테스트하고 싶습니다.이거는 모킹하겠습니다. class Parent extends component { render() { ; } } class Chi..

react.js와 Ajax의 차이점 React.js에 대해 검색해보니 React.js는 사용자 인터페이스 작성에 사용되는 프레임워크입니다.웹사이트의 특정 부분이 자주 업데이트되면 리액션을 사용할 수 있습니다.하지만 나는 Ajax가 이것에만 사용되었다는 것이 혼란스럽다.페이지 리프레시 없이 Ajax를 사용하여 사이트 일부를 업데이트할 수 있습니다.템플릿 제작에는 핸들바와 콧수염을 사용합니다.Ajax와 어떤 식으로 반응하는지, 왜 우리가 그것을 사용해야 하는지 설명해 줄 수 있나요?즉, React는 AJAX를 사용합니다.그들은 당신이 묻는 방식에서 관련이 없어요. React가 무엇인지, AJAX가 무엇인지, 최신 웹 애플리케이션을 만드는 데 어떻게 사용되는지에 대한 크래시 코스를 계속 읽어 보십시오. 이것은..

Reactjs와 Rxjs의 차이점은 무엇입니까? 기본적으로 Rxjs를 배우기 시작했는데 React와 Rxjs를 조금 헷갈립니다.나는 Reactjs와 Rxjs가 같다고 가정하고 있었다. 질문: Reactjs와 Rxjs가 동일한 경우 Rxjs보다 Reactjs를 사용하거나 Rxj보다 Rxj를 사용하는 이유는 무엇입니까? Reactjs와 Rxjs가 같지 않은 경우 두 언어를 간단히 구분해 주십시오. 이것은 정말 다릅니다.React는 뷰 라이브러리이고 Rxjs는 Javascript용 리액티브 프로그래밍 라이브러리입니다.Rxjs inside react 뷰는 사용할 수 있지만 reactjs에서는 일반적으로 데이터 흐름에 Redux, flux, mobx 또는 relayjs(그래프ql을 사용하는 경우)와 같은 라이브러..

create-react-app install devDependencies 섹션 를 사용하여 새 프로젝트를 만든 후create-react-app및 실행 중yarn eject. 내 패키지의 종속성 섹션입니다.json은 다음과 같습니다. "dependencies": { "autoprefixer": "7.1.1", "babel-core": "6.25.0", "babel-eslint": "7.2.3", "babel-jest": "20.0.3", "babel-loader": "7.0.0", "babel-preset-react-app": "^3.0.1", "babel-runtime": "6.23.0", etc. 이게 다인 것 같아요.devDependencies왜 create-displaces-app이 여기에 배치되었..

useEffect 후크로 이벤트를 등록하는 방법 훅으로 이벤트를 등록하는 방법에 대한 Udemy 코스를 수강하고 있습니다.강사는 아래 코드를 알려 주었습니다. const [userText, setUserText] = useState(''); const handleUserKeyPress = event => { const { key, keyCode } = event; if (keyCode === 32 || (keyCode >= 65 && keyCode { window.addEventListener('keydown', handleUserKeyPress); return () => { window.removeEventListener('keydown', handleUserKeyPress); }; }); return..

respect.js의 상태 변화를 듣는 방법 React.js에서 각도의 $watch 함수는 무엇입니까? 상태 변화를 듣고 getSearchResults()와 같은 함수를 호출합니다. componentDidMount: function() { this.getSearchResults(); } 상태가 변경되면 다음 라이프 사이클 메서드가 호출됩니다.제공된 인수와 현재 상태를 사용하여 의미 있는 변경 여부를 확인할 수 있습니다. componentWillUpdate(object nextProps, object nextState) componentDidUpdate(object prevProps, object prevState) 2020년에는 이와 같은 useEffect 훅으로 상태 변화를 들을 수 있습니다. expo..

JS를 반응시키기 위해 추가한 외부 스크립트를 사용하려면 어떻게 해야 합니까? 리액션 컴포넌트 a를 추가하고 싶다. JSX를 사용하여 간단하게 추가할 수 있다는 것은 알고 있습니다만, 어떻게 사용하는지는 잘 모르겠습니다. 예를 들어 이 스크립트에는 A라는 기능이 있습니다.Sort(), 컴포넌트에서 호출하여 사용하려면 어떻게 해야 합니까?스크립트를 비동기적으로 로드하여 로드 시 액세스할 수 있습니다. componentDidMount() { const script = document.createElement("script"); script.src = "/static/libs/your_script.js"; script.async = true; script.onload = () => this.scriptLoad..

React + 노드 도입 방법JS Express 애플리케이션을 AWS에 적용하시겠습니까? React + Webpack / Babel + Node / Express 어플리케이션이 있는데 AWS에 전개하고 싶습니다. React와 Node/Express를 별도로 도입해야 합니까?아니면 동시에 도입할 수 있을까요?1. 2개의 다른 프로젝트가 있는 경우 예를 들어 React 단일 페이지 앱과 Node/Express API입니다. a. 둘 다 개별적으로 전개할 수 있습니다. S3 및 CloudFront(튜토리얼)의 프론트 엔드(React 앱) Elastic Beanstalk(권장) 또는 EC2의 백엔드(Node API) 또 다른 옵션은 Elastic Beanstalk 또는 EC2에 두 부품을 동시에 배치하는 것입니..

react native에서 View 구성 요소를 비활성화할 수 있습니까? 내 앱 화면에는 텍스트 입력이 적은 보기 구성 요소가 있습니다.텍스트 입력을 비활성화할 수 없습니다.전체 보기를 비활성화할 수 있는 방법이 있습니까? 추신: View 컴포넌트를 비활성화한다는 것은 컴포넌트가 렌더링되지만 어떤 액션도 응답하지 않는 것을 의미합니다.다음을 사용할 수 있습니다. ... 이렇게 하면 터치 이벤트에 대한 보기가 응답하지 않습니다. 이런 걸 쓸 수 있어요. Kerumen의 답변에 다음과 같이 덧붙입니다. ... 어나니머스 함수로 랩해야 할 수 있습니다. myCondition ? 'none' : 'auto'}> ... 언급URL : https://stackoverflow.com/questions/39720039..