c10106

반응 JS - 검색되지 않은 TypeError: this.props.data.map은 함수가 아님 reactjs로 작업 중인데 (파일 또는 서버에서) JSON 데이터를 표시할 때 이 오류를 방지할 수 없는 것 같음: Uncaught TypeError: this.props.data.map is not a function 내가 살펴본 바로는: 반응 코드 던지기 "TypeError: this.props.data.map은 함수가 아님" react.js this.props.data.map()은 함수가 아님 이것들 중 어느 것도 내가 문제를 해결하는 데 도움이 되지 않았다.페이지가 로드된 후, 이.data.props가 정의되지 않았는지(그리고 JSON 개체와 동등한 값을 가지고 있음) 확인할 수 있다.window...

VSCode에서 jsx 자동 들여쓰기 방법 VSCode가 Jsx에서 HTML 요소를 자동으로 들여쓰지 않는 것 같으십니까? 그것을 고칠 방법이 없을까? 업데이트: Atom의 경우: 입력 시, 원자가 다음을 보여줄 것이다. 내가 누른 후에return키, 결과는 다음과 같다(커서의 위치에 주의: VSCode에 있는 동안: 언어 모드를 JavaScript Resact로 변경해 보십시오. 명령 팔레트를 여십시오. 유형change language mode 누르다 유형javascript react 누르다 이 작업이 완료되면 왼쪽 하단 모서리에 자바스크립트 리액션 모드가 나타난다. 해당 모드로 전환되면 문서를 다시 포맷하십시오. 언어를 다음으로 변경Javascript React다음 명령을 사용하십시오. alt + s..

vue 구성 요소에서 양식을 제출할 때 값 라디오 버튼을 얻는 방법 나는 두 가지 요소를 가지고 있다. 이와 같은 첫 번째 구성 요소: ... Gender ... Submit 첫 번째 구성 요소에서는 폼 입력 구성 요소를 호출한다. 다음과 같은 양식 입력 구성 요소: {{item.label}} 나는 그렇게 패턴을 사용한다.그래서 양식 입력 구성요소는 많은 구성요소에서 사용될 수 있다. 그러나 여기서 나의 문제는: 버튼을 제출할 때 값을 검색할 수 없다는 것이다. 그렇게 노력하지만 그 결과console.log(this.gender)이다null 데이터 이름과 제출 양식을 입력하면 성별이 달라진다. 어떻게 하면 이 문제를 해결할 수 있을까?라디오 박스 및 선택 시@change대신에@input: 라디오에서 값을..

객체를 jsx에 소품으로 전달 Jsx에 전달하고 싶은 공통 키 값 소품이 여러 개 들어 있는 개체를 가지고 있다.이와 비슷한 것: const commonProps = {myProp1: 'prop1',myProp2: 'prop2'}; 나는 이것이 개별 소품을 전달하는 역할을 하기를 원한다. 이것이 가능한가? 이것이 가능한가? 그래, 가능하지만 네가 보내는 방법은 정확하지 않아. 의 의미다음과 같은 경우: 따라서 값을 지정하지 않으면 기본적으로true. 객체를 통과하려면 다음과 같이 써야 한다. const commonProps = {myProp1: 'prop1',myProp2: 'prop2'}; 업데이트: 객체가 있고 모든 속성을 별도의 받침대로 전달하려면 다음과 같이 입력하십시오. 스프레드 오퍼레이터를 사..

반응에서 clsx를 사용하는 방법 나는 대응의 구성요소에 클래스 이름을 할당하는 데 clsx의 몇 가지 용도를 이해하려고 한다. 시공 className={clsx(classes.menuButton, open && classes.hide)} 충분히 명확하다.'classes.menuButton'을 적용하며, 'classes'를 적용하기도 한다.hide'는 부울의 값이 'open'이면 hide이다. 내 질문은 이 두 번째 예와 관련이 있다. className={clsx(classes.appBar, {[classes.appBarShift]: open })} 이것은 'classes.appBar'를 적용할 것이다.그러나 두 번째 매개변수의 의미는 무엇인가?clsx일반적으로 주어진 것을 조건부로 적용하기 위해 사용된..

다른 액션 내에서 액션 호출 내 작업에 대해 다음과 같은 설정이 있다. get1: ({commit}) => { //things this.get2(); //this is my question! }, get2: ({commit}) => { //things }, 나는 한 가지 행동을 다른 내부에서 불러올 수 있기를 원하므로 이 예에서 나는 전화를 걸 수 있기를 원한다.get2()안에서get1().이것이 가능한가, 만약 가능하다면 어떻게 할 수 있을까?에 대한 액세스 권한dispatch첫 번째 매개 변수에 전달된 개체의 메서드: get1: ({ commit, dispatch }) => { dispatch('get2'); }, 이 내용은 설명서에서 다룬다.첫 번째 인수(컨텍스트)를 통해 디스패치 방법에 액세스할 ..

ReactJS 통신하는 두 구성 요소 나는 ReactJS를 막 시작했는데 내가 가지고 있는 문제에 약간 집착하고 있어. 내 애플리케이션은 기본적으로 필터와 레이아웃을 변경하는 버튼이 있는 목록이다.현재 세 가지 구성 요소를 사용하고 있으며,그리고, 이제 확실히 내가 설정을 변경할 때에 어떤 방법을 촉발시키고 싶다.내 견해를 업데이트하기 위해서. 어떻게 하면 이 세 가지 구성요소가 서로 상호 작용하도록 할 수 있을까? 아니면 그냥 변경할 수 있는 글로벌 데이터 모델이 필요한가?가장 좋은 접근법은 이러한 요소들을 어떻게 배열할 것인지에 달려 있다.지금 바로 떠오르는 몇 가지 시나리오: 의 하위 구성 요소 둘 다그리고 임. 그리고완전히 분리된 뿌리 구성 요소에서 살다..

웹 팩-dev-server가 리액터로부터 진입점을 허용하는 방법 웹팩-dev-server를 리액터러터와 함께 개발 중인 앱을 만들고 있다. 웹팩-dev-server는 당신이 한 장소에 공공 진입점을 갖게 될 것이라는 가정(예: "/")을 기반으로 구축된 것으로 보이는 반면, 리액트라우터는 무제한의 진입점을 허용한다. 웹팩-dev-server의 이점, 특히 생산성에 뛰어난 핫 재로드 기능을 원하지만, 리액터-라우터에 설정된 경로를 로딩할 수 있기를 여전히 원한다. 어떻게 그들이 함께 일하도록 그것을 실행할 수 있었을까?이를 허용하는 방법으로 웹팩-dev-server 앞에서 익스프레스 서버를 운영할 수 있는가?당신은 설정해야 한다.historyApiFallback의WebpackDevServer이것이 효과가 ..

Vue의 계산된 속성에 매개 변수를 전달할 수 있는가?Js Vue의 계산된 속성에서 매개 변수를 전달할 수 있는가?Js. 계산을 통해 게터/세터를 갖게 되면 파라미터를 가져다가 변수에 할당할 수 있다는 것을 알 수 있다.문서화에서 다음과 같이 설명하십시오. // ... computed: { fullName: { // getter get: function () { return this.firstName + ' ' + this.lastName }, // setter set: function (newValue) { var names = newValue.split(' ') this.firstName = names[0] this.lastName = names[names.length - 1] } } } // .....

Vuex - 계산된 속성 "name"이(가) 할당되었지만 세터가 없음 양식 검증이 있는 구성요소가 있어다단계 체크아웃 양식이다.아래 코드는 첫 번째 단계를 위한 것이다.사용자가 텍스트를 입력했는지 확인하고 이름을 글로벌 상태로 저장한 후 다음 단계로 전송하십시오.ve-validate와 vuex를 사용하고 있다. Name {{ errors.first('name') }} Next Step 나는 주문 상태를 처리하고 이름을 기록하는 가게를 가지고 있다.궁극적으로 나는 모든 정보를 다단계 양식에서 서버로 보내고 싶다. export default { state: { name: '', }, mutations: { UPDATE_ORDER_CONTACT(state, payload){ state.name = payloa..