Reactjs
-
React JavaScript에서 옵션 선택자의 원래 코드를 복제하여 목록 (dropdown)을 조정하는 방법은 무엇입니까?카테고리 없음 2020. 8. 19. 15:29
질문 나는 여전히 JavaScript, React 및 GatsbyJS를 배우고 있습니다. @Smakosh의 gatsby-starter-i18n /src/components/theme/Header/SelectLanguage.jsx는 value = {lang} onChange 때문에 옵션 선택 (select > option )입니다. = {e = > selectLanguage (e.target.value)}목록에 없습니다. data-aria 를 사용하고 싶었지만 Bootstrap을 사용하지 않고 jQuery. gatsby-starter-i18n / src / components / theme / Header / SelectLanguage.jsx : const SelectLanguage = ({ selectL..
-
React에서 두 단어를 같은 줄에 표시하려면 어떻게해야합니까?카테고리 없음 2020. 8. 18. 03:59
질문 이전에이 코드가있었습니다. projectName : project.get ( 'name') === 'default'? '프로젝트 없음': project.get ( 'name') 그리고 render () 메서드에는 다음이 있습니다. Project: {card.projectName} UI에서 다음과 같이 보였습니다. 이제 다음과 같이 프로젝트의 색상을 고려하여 코드를 변경했습니다. projectName: {project.get('name') === 'default' ? 'No Project' : project.get('name')} 이제 다음과 같이 보입니다. 두 줄 대신 이전과 같은 줄에 표시하려면 어떻게해야합니까 (단지 색상을 변경하고 싶음)? 답변1 인라인 스타일을 위해 범위로 변경해보십시오. p..
-
참조에는 소유자 경고가 있어야합니다.카테고리 없음 2020. 8. 16. 15:16
질문 반응 component가있는 RoR 앱 (ruby 2.5, rails 5.1.4)에서이 오류가 발생합니다. 요소 참조가 문자열 (이름)로 지정되었지만 소유자가 설정되지 않았습니다. React의 여러 사본이로드되었을 수 있습니다. 반응 component 파일 : var NewItem = createReactClass({ render() { return ( ) } }); btw, 나는 npm을 사용하지 않습니다. 이 가이드 답변1 Document 에 따르면 ref code> 속성은 문자열이 아닌 콜백 함수를 사용합니다. 이 함수는 DOM 요소를받습니다. 예 : { this.textInput = input; }} /> this.textInput 이 제자리에 있으면 .focus () , .blur ()등과..
-
자동 완성 대소문자 구분카테고리 없음 2020. 8. 10. 13:50
질문 material-ui Autocomplete 반응 component가 대소문자를 구분하지 않는 방법이 있습니까? 예를 들어, 목록 항목 "Movies"가있는 경우 "movies", "MOVIES", "Movies" 등을 검색할 수 있고 검색에서 대문자로 된 문자에 관계없이 표시되도록 하고 싶습니다. 답변1 이것은 트릭입니다. ignoreCase의 기본값은 true입니다. 모두 소문자로 합니다. import { createFilterOptions } from '@material-ui/lab/Autocomplete'; const filterOptions = createFilterOptions({ ignoreCase: true, }); 자세한 내용은 Custom filter 확인하세요 . 출처 : htt..
-
오류 : 백 오프 작업이 이미 진행 중입니다. React 앱에서 Firebase에서 데이터를 읽으려고 할 때카테고리 없음 2020. 8. 10. 10:00
질문 야, 방금 electron js를 시작하고 firebase에 연결하려고 시도했습니다. typescript에서 react를 사용하고 있습니다. firebase에서 데이터를 읽으려고 할 때 오류가 발생합니다. 다음 링크 https://firebase.google.com/의firebase문서에서접근방식을시도했습니다.docs/firestore/quickstart Error: A backoff operation is already in progress. at ExponentialBackoff.backoffAndWait (D:\projects\vugha\Membership\app\node_modules\@google-cloud\firestore\build\src\backoff.js:164:35) at Fire..
-
행의 component 사이에서 동일한 높이를 축소하거나 강제하는 방법카테고리 없음 2020. 8. 8. 19:23
질문 저는 RN을 처음 접했습니다. 저는 해결 방법을 찾을 수없는 것 같은 이미지와 관련된 높이 우선 순위를 다루는 데 어려움을 겪고 있습니다. 기본적으로 Image의 높이가 행의 다음 뷰 ( styles.itemDetails 가있는 뷰)의 총 높이와 항상 같도록하고 싶습니다. 이미지는 항상 이미지 기본 높이로 커지며 aspectRatio 를 사용하면 resizeMode 속성을 무시하고 사용 가능한 공간까지 커지지 않습니다. component: {poi.name} {poi.conciseDescription} 스타일 : const styles = StyleSheet.create({ item: { marginTop: 8, marginHorizontal: 8, borderRadius: 8, background..
-
React App에서 SVG 아이콘 사용의 효율성 [닫힌]카테고리 없음 2020. 8. 8. 15:09
질문 Closed. This question is opinion-based. It is not currently accepting answers. 이 질문을 개선하고 싶으십니까? 이 게시물을 수정 하여 사실과 인용으로 답변 할 수 있도록 질문을 업데이트하세요. 2 개월 전에 마감되었습니다. Improve this question typescript 및 nextjs와 함께 React Project에서 아이콘을 인라인 SVG로 사용하는 것을 고려하고 있습니다. 이미지 또는 아이콘 글꼴을 사용하는 대신 인라인 SVG를 사용하는 것이 더 나은 이점은 무엇입니까? 인라인 SVG를 사용하면 많은 아이콘을 유지하는 것이 더 쉽다고 생각합니다. 그리고 다른 것? 특히 성능은 어떻습니까? 특별한 차이점이 있습니까?감사!..
-
상태 및 props으로 모달 제어카테고리 없음 2020. 8. 5. 04:42
질문 탐색 막대를 탐색 할 때 팝업되는 모달을 만들기 위해 Reactstrap을 사용하려고합니다. 내 전략은 부모 component의 상태를 변경하고 모달 열기를 제어하기 위해 props으로 isOpen 속성에 전달하는 것입니다. 문제는 자식 component의 props을 변경해도 component를 다시 렌더링하지 않으므로 모달을 닫을 수 없다는 것입니다! 부모 컨트롤러 : class App extends Component { constructor(props){ super(props); this.state = { zipcode : '', zipEntered: false }; this.onZipCodeChange = this.onZipCodeChange.bind(this); this.isAuth = t..