starjava

"React / RCTBridge Module 。h' 파일을 찾을 수 없습니다. xcode에서 리액트 네이티브 iOS 앱을 빌드하는 동안 이 오류가 발생했습니다. npm 설치 및 rpm 링크 react-native-fs 라이브러리 후 이 오류가 발생하기 시작했습니다.그러나 온라인으로 해결책을 검색한 결과, 많은 사람들이 다른 네이티브 라이브러리를 설치할 때 동일한 오류가 발생한다는 것을 알게 되었습니다. 많은 사람들이 제안할 수 있는 해결책은 "빌드 설정" -> "헤더 검색 경로" 아래에 다음 추가입니다. $(SRCROOT)/../node_modules/react-native/React (재귀) 그러나 이 솔루션은 실패하여 동일한 오류가 발생함이 문제는 iOS용 0.40 이상의 리액트 네이티브 앱을 아카..

리액트 렌더 메서드의 루프용 이 질문에는 이미 답변이 있습니다. 리액트 JSX 내부 루프 (84회답) 루프 인 리액트 (1개의 답변) 닫힘7년 전. 내 그리드에 대한 페이징 링크를 만들고 싶다.maxPages(number) 속성을 컴포넌트에 전달하지만 렌더 메서드에서 를 사용할 수 없습니다.내가 뭘 할 수 있을까? var Pagination = React.createClass({ render: function(){ return( « {for (var i=0;i

ReactJs - "If" 구성 요소 생성 중...좋은 생각? 리액트 문서에서 JSX 코드에서 "만약" 타입의 문을 사용할 수 없다면 JSX가 javascript로 렌더링하는 방법 때문에 예상대로 되지 않는다고 읽은 적이 있습니다. 하지만 "if" 컴포넌트를 구현하는 것이 나쁜 생각인 이유가 있나요?초기 테스트부터 잘 되는 것 같고, 왜 자주 하지 않는 것일까요? 저의 의도는 가능한 한 적은 javascript로 리액션 개발을 마크업 베이스로 하는 것입니다.이 접근방식은 데이터 중심 접근방식에 가깝다고 생각합니다. JS 바이올린에서 확인하실 수 있습니다. 위의 작업을 실행하면 다음과 같은 결과가 됩니다. 참 아이템 표시 react Docs의 "If-Else in JSX" 섹션을 확인합니다. JSX에서는 ..

React JS를 사용하여 재료 UI에서 전체 카드 구성 요소를 클릭할 수 있도록 만드는 방법은 무엇입니까? 리액트 프로젝트에서 머티리얼 UI Next를 사용합니다.이미지(Card Media)와 텍스트(Card Text)가 포함된 카드 구성 요소가 있습니다.텍스트 아래에 버튼도 있습니다.제 질문은...전체 카드를 클릭할 수 있게 만드는 방법즉, 사용자가 카드 텍스트, 카드 이미지 또는 버튼을 누르든 버튼에서 호출하는 onClick 이벤트가 발생합니다. v3 업데이트 - 2018년 8월 29일 특정 CardActionArea 컴포넌트가 Material UI 버전 3.0.0에서 특별히 이 경우를 커버하기 위해 추가되었습니다. 다음 솔루션은 v1에 고착된 경우에만 사용하십시오. 필요한 것은, 카드의 상부에 있..

쿼리 문자열에서 매개 변수 값을 가져오려면 어떻게 해야 합니까? 에서 routes.jsx 파일을 요?__firebase_request_key싱글 사인온 URL http://localhost:8000/#/signin?_k=v9ifuf&__firebase_request_key=blablabla 루트했는데, 'Da'가:redirectParam는, 전술한파라메타를 않습니다. 리액트 라우터 v6, 후크 사용 react-router-dom v6에는 useSearchParams라는 새로운 후크가 있습니다.그래서... const [searchParams, setSearchParams] = useSearchParams(); searchParams.get("__firebase_request_key") 얻을 수 있다"bla..

mock inner axios.create() 사용하고 있다jest그리고.axios-mock-adapter시험하다axiosAPI 호출redux비동기 액션크리에이터 사용 중에는 동작시킬 수 없습니다.axios로 작성된 인스턴스axios.create()다음과 같이 합니다. import axios from 'axios'; const { REACT_APP_BASE_URL } = process.env; export const ajax = axios.create({ baseURL: REACT_APP_BASE_URL, }); 그걸 소비할 수 있을 것 같아요.async action creator예를 들어 다음과 같습니다. import { ajax } from '../../api/Ajax' export function ..

React 컴포넌트가 재렌더되는 이유를 추적 React에서 구성 요소가 다시 렌더링되는 원인을 디버깅하는 체계적인 접근 방식이 있습니까?간단한 console.log()를 삽입하여 렌더링 시간을 확인했지만 컴포넌트가 여러 번 렌더링되는 원인을 파악하지 못했습니다(예: 제 경우 (4회).타임라인 및/또는 모든 컴포넌트를 표시하는 툴이 있습니까? 외부 의존 관계가 없는 짧은 스니펫을 원하시면 도움이 됩니다. componentDidUpdate(prevProps, prevState) { Object.entries(this.props).forEach(([key, val]) => prevProps[key] !== val && console.log(`Prop '${key}' changed`) ); if (this.st..

this.setState가 예상대로 상태를 Marge하지 않습니다. 상태는 다음과 같습니다. this.setState({ selected: { id: 1, name: 'Foobar' } }); 그런 다음 상태를 업데이트합니다. this.setState({ selected: { name: 'Barfoo' }}); ★★setState다음과 같이 말합니다. { selected: { id: 1, name: 'Barfoo' } }; 대신 ID가 사용되고 상태는 다음과 같습니다. { selected: { name: 'Barfoo' } }; 이는 예상된 동작이며 중첩된 상태 개체의 속성을 하나만 업데이트하는 솔루션은 무엇입니까? 생각에는setState()마지 할 수 .this.state.selected setStat..

리액트 라우터 4는 링크의 뷰를 갱신하지 않지만 새로고침 시 갱신한다. 다음과 같은 간단한 네비게이션 코드를 사용하고 있습니다. URL은 변경되지만 보기는 변경되지 않습니다.그러나 페이지를 새로 고치거나 수동으로 해당 URL로 이동하면 변경됩니다.다음 항목도 사용할 수 있습니다. import { withRouter } from 'react-router-dom'; 다음으로 내보내기 디폴트에서는 다음과 같이 합니다. export default withRouter(connect(mapStateToProps, {})(Layout)); 내보내기 연결이 있는 경우 해당 컴포넌트가 라우터를 사용하는 것을 통지해야 합니다.그 이유는react-redux connect방법의 실장shouldComponentUpdate소품이..

React.Children.only react 요소 하위 항목만 수신할 것으로 예상됨그리고... React Native 코드에는 다음과 같은 렌더 메서드가 있습니다. render() { const {height, width} = Dimensions.get('window'); return ( ); } 다음과 같은 오류가 발생합니다. React.Children.only단일 React 요소 하위 요소를 수신해야 합니다. 를 삭제하면,TouchableHighlight컴포넌트는 정상적으로 동작합니다.이미지 컴포넌트를 삭제해도 해당 오류가 나타납니다. 왜 이런 오류가 나는지 모르겠어요. 렌더링용으로 둘 이상의 컴포넌트를 내부에 포함할 수 있어야 합니다.인 것 같다정확히 한 명의 아이가 있어야 합니다.의사는 그것이 ..