codeshow

React에서 상태 비저장 구성 요소의 참조에 연결하는 방법은 무엇입니까? 스테이트리스 컴포넌트를 생성하려고 합니다.이 컴포넌트는input요소의 유효성을 부모 컴포넌트로 확인할 수 있습니다. 다음 예에서는 입력에 문제가 있습니다.ref부모 개인 정보에는 할당되지 않습니다._emailAddress소유물. 언제handleSubmit라고 불리고 있습니다.this._emailAddress이undefined제가 놓치고 있는 게 있나요? 아니면 더 나은 방법이 있을까요? interface FormTestState { errors: string; } class FormTest extends React.Component { componentWillMount() { this.setState({ errors: '' });..

리액트 훅을 사용한 상태 갱신 시 비동기 코드 실행 다음과 같은 것이 있습니다. const [loading, setLoading] = useState(false); ... setLoading(true); doSomething(); // { // This will scroll back to the top, and also trigger the prefetch for the next page on the way up. goToTop(); if (this.state.pagesSeen.includes(this.state.page + 1)) { return this.setState({ page: this.state.page + 1, }); } if (this.state.prefetchedOrders) { cons..

참조 오류:Jest 환경이 해체된 후 파일을 '가져오기'하려고 합니다. a that that that that that that that that that that that that that를 활용한 컴포넌트를 가지고 있습니다.Animated nativeinternative native의 입니다.테스트 케이스를 작성하기 시작했는데onPress의 컴포넌트로, 「」를 가지는 합니다.Animated.timing안에, 그안, 리 insetState. jest정상적으로 동작하지만 테스트의 실행은 멈추지 않습니다.또, 지금까지 작성한 관련 없는 테스트 케이스가, 지금까지(이러한 경우는) 합격할 수 없는 것 같습니다. jest --watch , 음음음음음음 음: , , 。 ReferenceError: You are ..

React 상태에서 Set 데이터 구조 사용 ES6를 사용할 수 있습니까?Set데이터 구조를 선택할 수 있습니까? 예를 들어 체크리스트가 다른 항목으로 구성되어 있고 각 항목의 체크 상태를 유지하고 싶은 경우.나는 이렇게 쓰고 싶다. export default class Checklist extends React.Component { constructor(props) { super(props); this.state = { checkedItems: new Set() } } addItem(item) { //...? } removeItem(item) { //...? } getItemCheckedStatus(item) { return this.state.checkedItems.has(item); } // Mor..

네이티브 텍스트가 내 화면에서 지워지고 포장을 거부합니다.무엇을 해야 하나? 이 라이브 예에서 다음 코드를 찾을 수 있습니다. 다음과 같은 반응 원소가 있습니다. 'use strict'; var React = require('react-native'); var { AppRegistry, StyleSheet, Text, View, } = React; var SampleApp = React.createClass({ render: function() { return ( Here is a really long text that you can do nothing about, its gonna be long wether you like it or not, so be prepared for it to go off s..

리액션 네이티브 스타일. 폭: 백분율 - 숫자 하고싶다width: 100% - 50오른쪽에 50폭의 아이콘을 추가할 수 있습니다. 나는 가지고 있다width: 100% - 20%리액션 네이티브 확장 스타일을 사용하여 작업합니다만, 할 수 있기 때문에 그것이 왜 도움이 되는지 모르겠습니다.width: '80%'나는 얻을 수 없다.width: 100% - 50일해.방법이 있을까요? 를 사용하려고 합니다.onLayout이벤트: 컨테이너 너비를 얻은 다음로.100% - 50용기의 폭에 맞지만, 동작하지 않습니다. let Location = (props) => { let locationInputElement const blur = () => { locationInputElement.blur() } let inpu..

렌더링 메서드 내 약속 포함 Rendering React 구성 요소 소품으로 아이템을 모아놓은 컴포넌트와map부모 컴포넌트의 자녀로 렌더링되는 컴포넌트의 컬렉션에 포함시킵니다.저장된 이미지를 사용합니다.WebSQL바이트 배열로 지정합니다.내부mapfunction I는 항목에서 이미지 ID를 취득하여 비동기 호출을 합니다.DAL이미지의 바이트 배열을 가져옵니다.문제는 렌더링에서 약속을 처리하도록 설계되지 않았기 때문에(어차피 제가 알 수 있는 한) 약속을 React에 전파할 수 없다는 것입니다.출신은...C#배경지식을 찾고 있는 것 같아요await분기 코드를 재동기화하는 키워드입니다. 그map함수는 다음과 같습니다(검증 완료). var items = this.props.items.map(function (..

여러 콘텍스트에 대응 저는 문맥을 통해 전해지는 기능을 사용하고 있습니다. ChildComponent.contextType = SomeContext; 지금은 사용하고 있습니다.this.context.someFunction();이거 되는구나. 2개의 다른 부모 컴포넌트의 기능이 필요한 경우 어떻게 해야 합니까?16.3 Context API에서는 Function-as-a-Child 소비자 노드를 계속 사용할 수 있습니다.이는 React 문서에서 권장하는 작업입니다. // Theme context, default to light theme const ThemeContext = React.createContext('light'); // Signed-in user context const UserContext =..

Google-map-react에서 Google 지도에 마커 추가 NPM 패키지를 사용하여 Google 지도와 여러 마커를 만들고 있습니다. 질문:기본 Google 지도 마커를 지도에 추가하려면 어떻게 해야 합니까? 이번 Github 문제부터는 onGoogleApiLoaded 함수를 사용하여 내부 Google Maps API에 접속해야 할 것 같습니다. Google Maps JS API 문서의 예를 참조하면 다음 코드를 사용하여 마커를 렌더링할 수 있지만 참조를 정의하는 방법은 무엇입니까?map? var marker = new google.maps.Marker({ position: myLatLng, map: map, title: 'Hello World!' }); 현재 코드: renderMarkers() {..

React-Redux 복합(심층) 상태 객체 초기 리덕스 상태는 다음과 같습니다. const state = { currentView: 'ROOMS_VIEW', navbarLinks: List([ {name: 'Rooms', key: 'ROOMS_VIEW'}, {name: 'Dev', key: ''} ]), roomListsSelected: {group: 0, item: 0}, roomLists: [ { name: "Filters", expanded: true, listItems: [ { icon: 'images/icon-warning.svg', name: 'Alerts', filter: room => room.hasAlert }, { icon: 'images/icon-playlist.svg', name:..