ittop

원본에서 .txt 파일을 가져오려면 어떻게 해야 합니까? 텍스트 상자에 텍스트를 표시하기 위해 .txt 파일을 가져오려고 합니다. 내 코드: import React, { Component } from 'react'; import './LoadMyFile.css'; import myText from './sample.txt'; export default class LoadMyFile extends Component { render() { return ( test string ) } handleClick = () => { console.log(myText); } } 그러나 콘솔에 /static/media/sample.f2e86101.txt가 표시됩니다. 여기서 무슨 일이 일어나고 있는 거죠?나는 내 문제를 ..

Android에서 React Native가 빌드 도구를 찾지 못했습니다. 다음 문제의 원인은 무엇입니까?사용하고 있는 Android SDK 버전이 지원되지 않습니까? Starting JS server... Building and installing the app on the device (cd android && gradlew.bat installDebug)... FAILURE: Build failed with an exception. * What went wrong: A problem occurred configuring project ':app'. > failed to find Build Tools revision 23.0.1 빌드 도구를 업데이트해야 할 수도 있습니다. 그래픽 인터페이스에서 업데이트..

ReactJS에서 객체를 매핑하려면 어떻게 해야 합니까? 저는 다음과 같은 답변을 드립니다. 다음 HTML 내의 각 개체의 이름을 표시합니다. {subjects.map((item, i) => ( { item.name } ))} 그러나 그것은 에러를 던진다.subjects.map is not a function. 먼저 오브젝트의 키를 정의해야 합니다.여기서 키 배열을 생성하여 루프스루하여 키 배열을 표시할 수 있습니다.subject.names. 제가 시도한 것은 다음과 같습니다. {Object.keys(subjects).map((item, i) => ( key: {i} Name: {subjects[i]} ))} 전화할 때Object.keys개체의 키 배열을 반환합니다. Object.keys({ test: ..

React-Redux 앱은 Backbone과 같이 확장할 수 있습니까?재선택을 해도.온모바일 마다 Redx가 .notify접속되어 있는 모든 컴포넌트.이를 통해 개발자는 매우 단순해지지만 N개의 컴포넌트가 연결된 애플리케이션이 있고 N개의 컴포넌트가 매우 크면 어떻게 될까요? 모든 됩니다.shouldComponentUpdate===reselect가게의 ed 경로.빠르죠?네, 한 번쯤은요.하지만 모든 변화에 대해 N배?설계의 근본적인 변화는 Redux의 진정한 확장성을 의심하게 합니다. 더 최적화하기 , 것을 할 수 .notify를 한 콜, " "_.debounce해도 을 있다===모든 스토어 변경 및 기타 로직(예: 뷰 로직)에 대한 테스트는 목적을 위한 수단처럼 보입니다. 저는 수백만 명의 사용자를 가..

반응 테스트: 대상 컨테이너가 DOM 요소가 아닙니다. 웹 팩을 사용하면서 Jest/Enzyme으로 React 컴포넌트를 테스트하려고 합니다. 아주 간단한 시험이 있어 @ import React from 'react'; import { shallow } from 'enzyme'; import App from './App'; it('App', () => { const app = shallow(); expect(1).toEqual(1); }); 취득하는 상대 컴포넌트는 다음과 같습니다. import React, { Component } from 'react'; import { render } from 'react-dom'; // import './styles/normalize.css'; class App e..

경고: 실패한 하위 컨텍스트 유형:'cellRenderer'에 제공된 'number' 유형의 하위 컨텍스트 'virtualizedCell.cellKey'가 잘못되었습니다. 'string'이 필요합니다. react 16.2 -> 16.3-alpha-1 및 react-native 0.52 -> 0.54에서 업그레이드하면 시뮬레이터에서 위의 경고가 나타납니다.keyExtractor가 사용되고 있는 목록 컴포넌트의 오류를 수정하려면 컴포넌트(FlatList 등)를 업데이트하여 .toString() 문자열 키를 지정합니다.모든 키가 문자열 값이어야 합니다. 이하와 같다. keyExtractor={item => item.index_id} 로. keyExtractor={item => item.index_id.toSt..

레독스는 그저 글로벌한 국가일 뿐이지 않나요? 그래서 저는 일주일 전에 React를 배우기 시작했고 필연적으로 상태 문제와 컴포넌트가 나머지 앱과 통신하는 방법에 대해 알게 되었습니다.검색해보니 레독스가 이달의 맛인 것 같아요.모든 문서를 읽었는데, 사실 상당히 혁신적인 아이디어라고 생각해요.이에 대한 제 생각은 다음과 같습니다. 국가는 일반적으로 상당히 사악하고 프로그래밍에서 버그를 많이 발생시킨다는 데 동의한다.어플리케이션 전체에 분산시키는 것이 아니라 글로벌 스테이트 트리에 모든 것을 집중시키는 것이 어떻겠냐고 Redux는 말합니다.변화를 위해 액션을 실행해야 합니다.재미있겠다.모든 프로그램에는 상태가 필요하므로 버그를 추적하기 쉽도록 하나의 불순한 공간에 삽입하고 내부에서만 수정해 봅시다.또한 개..

레이아웃을 중단하지 않고 버튼 그룹 내에서 비활성화된 MUI 버튼에 툴팁을 렌더링할 수 있습니까? MUI를 생성하려고 합니다.ButtonGroup사용할 수 없는 버튼과 툴팁이 있습니다. 다음 코드 블록은 버튼을 올바르게 표시하지만 여기서 설명한 바와 같이 (https://material-ui.com/components/tooltips/#disabled-disabled-disabled) 비활성화 요소는 툴팁과 함께 제공할 수 없습니다. {"Button A"} {"Button B"} 단, 이 경우,span비활성화 버튼 주위에 그룹 레이아웃이 파기됩니다. {"Button A"} {"Button B"} 네, 가능합니다.버튼을 span 태그 예시로 감싸야 합니다. my button is disabled 비활성화 ..

ReactJS SyntheticEvent stopPropagation()은 React 이벤트에서만 작동합니까? React 내에서 event.stopPropagation()을 사용하려고 합니다.클릭 이벤트가 기존 코드에서 JQuery와 연결된 클릭 이벤트가 버블업 및 트리거되지 않도록 하는 JS 구성 요소. 그러나 React의 stopPropagation()은 React에 연결된 이벤트에 대한 전파만 중지하고 JQuery의 stopPropagation()은 React와 연결된 이벤트에 대한 전파를 중지하지 않습니다. stopPropagation()을 이러한 이벤트로 동작시킬 수 있는 방법이 있습니까?다음 동작을 설명하기 위해 간단한 JSFiddle을 작성했습니다. /** @jsx React.DOM */ v..

React.js에서의 버블링 및 캡처 예시 React.js에서 Bubbling과 Capture를 처리하는 예를 찾고 있습니다.JavaScript를 사용하여 찾았는데 React.js에 해당하는 것을 찾기가 어렵습니다. React.js에서 Bubbling and Capture의 예를 작성하려면 어떻게 해야 합니까?버블링과 캡처는 모두 DOM 사양에서 설명한 것과 동일한 방법으로 React에서 지원됩니다.단, 핸들러의 접속 방법을 제외합니다. 버블링은 일반 DOM API와 마찬가지로 간단합니다.단순히 핸들러를 요소의 최종적인 부모에 연결하기만 하면 해당 요소에 트리거된 이벤트는 부모에 버블됩니다.stopPropagation다음 단계를 거칩니다. Click me, and my parent's `onClick` ..