telecom

React에서 JQuery를 사용하는 방법JS 리액트J는 처음이에요.이전에는 jQuery를 사용하여 필요한 애니메이션이나 기능을 설정했습니다.하지만 지금은 ReactJs를 사용하여 jQuery 사용을 최소화하려고 합니다. 케이스: 리액트 JS와 아코디언을 만들려는 중이야 Head 1 Body 1 Head 1 Body 1 Head 1 Body 1 JQuery 사용: $('.accor > .head').on('click', function(){ $('.accor > .body').slideUp(); $(this).next().slideDown(); }); 질문 사항: ReactJS를 어떻게 하면 좋을까요?네, reactJs에서 jQuery를 사용할 수 있습니다.여기에서는 npm을 사용하여 사용하는 방법을 설..

React 컴포넌트에서 Markdown을 렌더링하려면 어떻게 해야 합니까? 문서를 마크다운으로 작성했습니다.JSX(ES6+Common)에서 파일을 렌더링하고 싶습니다.JS)를 React 컴포넌트로 코드화합니다.어떻게 하면 좋을까요? 예를 들어 styles.markdown을 가지고 있는데, 그것을 렌더링하고 싶습니다.태그를 붙입니다.React-Markdown을 사용할 수 있습니다. const React = require('react') const ReactDOM = require('react-dom') const ReactMarkdown = require('react-markdown') const input = '# This is a header\n\nAnd this is a paragraph' React..

루트 네브링크는 항상 액티브클래스 React Router Domain을 가져옵니다. 사용하고 있다react-router-dom: 4.2.2추가할 수 있습니다.activeClassName이 클래스는 항상 루트 URL에 추가됩니다. 예를 들어 아래 스크린샷과 같은 오류 페이지를 방문하면 홈 네비게이션 링크는 active Class도 가져옵니다. 업데이트: 위 스크린샷에서 다음 사이트를 방문했습니다.http://localhost:3000/#/error그래서...active-link에 추가해야 합니다.Love Error?NavLink만그러나 보다시피 이것은 또한 에 추가되어 있다.HomeNavLink도. 다음은 내 내비게이션 코드입니다. import React from 'react'; import { NavLi..

국가/스토어에서 레독스가 기능을 통해 물건을 얻는 방법은 무엇입니까? saga 함수 내의 redux 상태에 액세스하려면 어떻게 해야 합니까? 간단한 답변: import { select } from 'redux-saga/effects'; ... let data = yield select(stateSelectorFunction); 이미 @markerikson이 말했듯이redux-saga를 호출하기 위해 매우 유용한 API를 공개합니다.selector그 중 일부를 입수할 수 있도록 하는 것에 대해서요. 예를 들어 간단한 구현은 다음과 같습니다. /* * Selector. The query depends by the state shape */ export const getProject = (state) => s..

반응 테스트 라이브러리 - 빈 div가 있는지 점검하십시오. 컴포넌트를 테스트하고 있는데ItemLength = 1,render돌아온다null. const { container, debug } = render(); 내가 전화했을 때debug()내 테스트에서, 그것은 a를 보여준다.컴포넌트가 테스트에서 빈 div를 반환하는지 확인하려면 어떻게 해야 합니까?갱신하다 이후 사용toBeEmtpy는 폐지되었습니다. jest-dom's를 사용할 수 있습니다. const { container } = render() expect(container.firstChild).toBeEmpty() 다음은 농담의 기대치를 확장하지 않고 작동해야 합니다. const { container } = render() expect(conta..

리액트를 사용하여 텍스트 강조 표시JS 쿼리와 일치하는 텍스트를 강조 표시하려고 하는데 태그가 텍스트가 아닌 HTML로 표시되는 방법을 알 수 없습니다. var Component = React.createClass({ _highlightQuery: function(name, query) { var regex = new RegExp("(" + query + ")", "gi"); return name.replace(regex, "$1"); }, render: function() { var name = "Javascript"; var query = "java" return ( {this._highlightQuery(name, query)} ); } }); 현재 출력: Java 스크립트 원하는 출력: Javas..

TypeScript: 유형/감축 유형에서 키를 제거합니다. .ExcludeCart은 T, 특정 키는 (이 경우)로)를 cart가 삭제되었습니다).을 사용하다예를 예어들, so so so so,ExcludeCart{foo: number, bar: string}TypeScript 서 type type type type type type type type type type type type type type type type type type type type type type type type? 내가 잘못 짚었을 경우를 대비해서 이렇게 하고 싶은 이유는 다음과 같다. JavaScript 를 TypeScript로 TypeScript는 「JavaScript」를 .cartify의 React를 합니다.Inner 컴..

쉼표로 구분된 링크 목록 렌더링 쉼표로 구분된 링크 목록을 출력하려고 합니다. 이것이 저의 해결책입니다. var Item = React.createComponent({ render: function() { var tags = [], tag; for (var i = 0, l = item.tags.length; i {i > 0 && ", "} )} React 16 에서는, 한층 더 간단..

ReactJS 오류 경고 ReactJS를 사용하여 첫 번째 애플리케이션을 만들고 있는데 코드를 실행하면 다음과 같은 경고가 나타납니다. 경고: 실패한 형식 propType: 다음을 제공했습니다.checked폼필드에 붙이지 않고 버팀목을 누르다onChange핸들러그러면 읽기 전용 필드가 렌더링됩니다.필드를 변경할 수 있는 경우defaultChecked. 그렇지 않으면 다음 중 하나를 설정합니다.onChange또는readOnly. 렌더링 방법을 확인합니다.Login. 제가 어떻게 고치는지 누가 좀 알려주시겠어요?React에는 폼 컨트롤과 관련된 두 가지 작업 방법(제어된 구성 요소와 제어되지 않은 구성 요소)이 있습니다. 제어에 필요한 속성도 제어되지 않은 컴포넌트에 필요한 속성도 제공하지 않으면 다음 경고..

경고:Firebase JS SDK의 개발 빌드를 사용하고 있는 것 같습니다. Firebase를 React.js 앱에 통합했습니다.https://firebase.google.com/docs/database/web/start fire.js: import firebase from 'firebase' var config = { apiKey: "####", authDomain: "#", databaseURL: "#", projectId: "#", storageBucket: "#", messagingSenderId: "#" }; var fire = firebase.initializeApp(config); export default fire; App.js: import fire from './fire'; class ..