muds

리액트 컴포넌트에 대해 es6 Import alias 구문을 사용할 수 있습니까? 다음과 같은 작업을 수행하려고 하지만 null이 반환됩니다. import { Button as styledButton } from 'component-library' 다음으로, 다음과 같이 렌더링하려고 합니다. import React, { PropTypes } from "react"; import cx from 'classNames'; import { Button as styledButton } from 'component-library'; export default class Button extends React.Component { constructor(props){ super(props) } render() { ret..

SEO에서는 React.js를 어떻게 사용합니까? React.js에 관한 기사에서는 React.js가 SEO의 목적에 매우 적합하다고 지적하고 있습니다.불행히도, 난 네가 어떻게 하는지 읽은 적이 없어.구현만 하면 됩니까?_escaped_fragment_https://developers.google.com/webmasters/ajax-crawling/docs/getting-started 에서와 같이 url 에 포함되어 있는 경우는, React 가 서버의 페이지를 렌더링 하도록 합니다._escaped_fragment_아니면 더 많은 것이 있을까요? 의지할 수 없는 것_escaped_fragment_아마도 모든 잠재적인 크롤링 사이트(예: 기능 공유)가 구현되지 않을 것이기 때문에 좋을 것이다._escape..

React에서의 브라우저 검출JS React로 IE 브라우저를 검출하여 페이지로 리다이렉트하거나 도움이 되는 메시지를 보낼 수 있는 방법이 있습니까?JavaScript에서 무언가를 찾았는데, React+TypeScript에서 어떻게 사용할지 잘 모르겠습니다. var isEdge = !isIE && !!window.StyleMedia;올바른 방향으로 가고 있습니다.이것들을 사용하여 jsx를 조건부로 렌더링하거나 라우팅에 도움을 줄 수 있습니다. 저는 아래를 잘 활용했습니다. 원본 - Safari, Chrome, IE, Firefox 및 Opera 브라우저를 검색하는 방법 // Opera 8.0+ const isOpera = (!!window.opr && !!opr.addons) || !!window.ope..

현재 페이지를 새로 고칠 때 componentWillUnmount()가 호출되지 않음 가 ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★componentDidMount()현재 페이지(이후 구성 요소)를 새로 고칠 때 메서드가 제대로 실행되지 않았습니다.그러나 링크를 클릭하여 내 웹사이트를 탐색하고 라우팅하는 것만으로 완벽하게 작동합니다.재페 페페 ?로 로? ?? ???어림없어. .componentWillUnmount()페이지를 갱신해도 트리거되지 않고 링크를 클릭하거나 웹 사이트/앱을 탐색할 수 있습니다. 「」의 componentWillUnmount()매우 합니다.componentDidMount()방법은 사용자에게 정보를 표시하는 데 매우 중요합니다. 는 ..

로컬 패키지json은 있지만 node_module이 없습니다. 방금 GitHub 저장소에서 복제한 Redux 어플리케이션을 시작하려고 합니다. 다음 명령으로 실행하려고 했습니다. npm start 이 에러가 발생하고 있습니다. > react-redux@1.0.0 start /home/workspace/assignment > webpack-dev-server --config ./configs/webpack/webpack.config.development.js sh: 1: webpack-dev-server: not found npm ERR! file sh npm ERR! code ELIFECYCLE npm ERR! errno ENOENT npm ERR! syscall spawn npm ERR! react-r..

jeast.config.js와 create-react-app을 사용하는 방법 패키지에서 joke 설정을 옮기고 싶습니다.json, 여기서 제안하는 대로 --config를 사용하려고 하는데 오류가 발생합니다.argv.config.match is not a function 패키지.json "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test --config jest.config.js", "eject": "react-scripts eject", }, 클리 hutber@hutber-mac:/var/www/management/node$ npm test -u > management-..

클래스는 React를 확장합니다.구성 요소가 반응에서 getInitialState를 사용할 수 없음 Resact에서 ES6 구문을 처리하여 다음과 같은 컴포넌트를 작성합니다. export default class Loginform extends React.Component { getInitialState() { return { name: '', password: '' }; }; } 하지만 브라우저는 다음과 같은 문제를 제기합니다. 경고: getInitialState가 일반 JavaScript 클래스인 Loginform에 정의되었습니다.이것은 React.createClass를 사용하여 생성된 클래스에 대해서만 지원됩니다.대신 주 속성을 정의하시겠습니까? 전통적인 구문으로는 처리할 수 있습니다.var Log..

jsx 내의 if-else 문: 반응JS 특정 상태가 지정되면 렌더링 기능을 변경하고 하위 렌더링 기능을 실행해야 합니다. 예를 들어 다음과 같습니다. render() { return ( if (this.state == 'news'){ return ( data ) } ) } 어떻게 하면 씬을 변경하지 않고 탭을 사용하여 동적으로 콘텐츠를 변경할 수 있을까요?델 텔레폰 어드바이저: if-else 문은 JSX 내에서 작동하지 않습니다.이것은 JSX가 함수 호출과 객체 구성을 위한 구문 설탕이기 때문입니다. 기본 규칙: JSX는 기본적으로 통사당이다.컴파일 후 JSX 표현식은 JavaScript 함수 호출이 되어 JavaScript 객체에 대해 평가됩니다.JavaScript 표현식은 모두 곱슬괄호로 묶어서 J..

React 응용 프로그램에 서비스 있음 저는 서비스/공장으로의 논리를 추출하여 컨트롤러에서 소비할 수 있는 각진 세상에서 살고 있습니다. 리액트 어플리케이션에서도 같은 것을 실현하는 방법을 이해하려고 합니다. 예를 들어 사용자의 패스워드 입력을 검증하는 컴포넌트가 있다고 합시다(그것은 강점입니다).논리가 매우 복잡하기 때문에 직접 컴포넌트에 쓰고 싶지 않습니다. 이 논리는 어디에 써야 할까요?가게에서 플럭스를 사용한다면?아니면 더 좋은 방법이 있을까요?Angular 서비스가 컨텍스트에 의존하지 않는 메서드 세트를 제공하는 개체일 뿐이라는 것을 알게 되면 이 문제는 매우 단순해집니다.Angular DI 메커니즘 때문에 더 복잡해 보여요DI는 인스턴스의 작성과 유지보수를 담당하기 때문에 편리하지만 실제로는 ..

useEffect React Hook 사용 시 누락된 종속성 경고를 수정하는 방법 React 16.8.6(이전 버전 16.8.3에서는 양호)에서는 fetch 요청으로 무한 루프를 방지하려고 하면 다음 오류가 발생합니다. ./src/components/BusinessesList.js Line 51: React Hook useEffect has a missing dependency: 'fetchBusinesses'. Either include it or remove the dependency array react-hooks/exhaustive-deps 무한 루프를 막을 해결책을 찾지 못했습니다.하지 않도록 하겠습니다.useReducer(). 이 토론 [ESLint]'exhaustive-dep' 보풀 규칙 #..