mailnote

리액션: 아이콘을 표시하지 않음 react-swesome을 사용하여 readme와 똑같이 구현하려고 합니다.https://github.com/danawoodman/react-fontawesome/blob/master/readme.md import React from 'react'; import FontAwesome from 'react-fontawesome' ... export default class ComponentName extends React.Component { render() { return ( SOME TEXT ... ) } } 하지만 DOM에 아이콘이 보이지 않습니다.Chrome Dev Tools에는 다음과 같은 내용이 표시됩니다. 은 ...인 것 같다.요. 저는 이 태그의... ...개..

*를 'React'에서 React로 Import하고, vs 'React'에서 React를 Import한다. 눈치 챘다React는 다음과 같이 Import 할 수 있습니다. import * as React from 'react'; ...혹은 다음과 같습니다. import React from 'react'; 첫 번째는 모든 것을 Import합니다.reactmodule( 참조: 모듈의 내용 전체를 Import합니다. 두 번째가 Import하는 것은default모듈 내보내기(「Importing defaults」 참조) 두 가지 접근 방식이 서로 다르며 근본적으로 호환되지 않는 것 같습니다. 왜 둘 다 작동할까요? 소스 코드를 참조하여 메커니즘을 설명하십시오.저는 이것이 어떻게 작동하는지 알고 싶습니다. 갱신하다..

PropType과흐름 PropTypes와 Flow는 비슷한 내용을 다루지만 다른 접근 방식을 사용하고 있습니다.PropTypes는 런타임 중에 경고를 보내 서버 등에서 잘못된 형식의 응답을 신속하게 찾는 데 유용합니다.그러나 플로우는 미래인 것처럼 보이며 제네릭스와 같은 개념을 가진 매우 유연한 솔루션입니다.또한 Nucoma가 제공하는 자동완성은 Flow에 큰 장점입니다. 이제 새로운 프로젝트를 시작할 때 어떤 방법이 가장 좋은가 하는 것이 문제입니다.아니면 Flow와 PropTypes를 모두 사용하는 것이 좋은 솔루션일까요?둘 다 사용할 때의 문제는 중복된 코드를 많이 쓴다는 것입니다.다음은 제가 작성한 음악 플레이어 앱의 예입니다. export const PlaylistPropType = PropTy..

MUI 툴팁 스타일링 방법 MUI 스타일링 방법Tooltip텍스트? 호버에 있는 기본 툴팁은 텍스트 랩 없이 검은색으로 표시됩니다.배경, 색상 등을 변경할 수 있습니까?이 옵션은 사용할 수 있습니까?이 질문에 대한 또 다른 일반적인 답변은 (André Junges의) 0.x 버전의 Material-UI입니다.아래에서는 Material UI의 Tooltip - Customization Style에서 답변을 복사하여 v3 및 v4에 대해 설명합니다.또한 v5를 사용한 예제의 버전을 추가했습니다. 다음은 테마를 통해 모든 툴팁을 덮어쓰거나 withStyles를 사용하여 단일 툴팁을 사용자 정의하는 방법의 예입니다(두 가지 다른 예).두 번째 방법은 글로벌하게 사용하지 않고 재사용할 수 있는 커스텀툴팁 컴포넌트..

일반적으로 하나의 컴포넌트에 하나 또는 여러 개의 useEffect 훅을 사용하는 것이 좋습니까? 닫았습니다. 이 질문은의견 기반의현재 답변을 받고 있지 않습니다. 이 질문을 개선하시겠습니까?이 게시물을 편집하여 사실과 인용문으로 답변할 수 있도록 질문을 업데이트하십시오. 1년 전에 문을 닫았어요 커뮤니티는 1년 전에 이 질문을 재개할지 여부를 검토한 후 종료했습니다. 원래 종료 이유가 해결되지 않았습니다. 이 질문을 개선하다 리액션 컴포넌트에 적용해야 할 부작용이 몇 가지 있는데 어떻게 정리해야 하는지 알고 싶습니다. 1회 사용 또는 여러 사용효과 퍼포먼스와 아키텍처는 어느 쪽이 좋습니까?따라야 하는 패턴은 사용 사례에 따라 달라집니다. 첫째: 초기 마운트 중에 이벤트 리스너를 추가하고 마운트 해제 시..

React에서 사용자 세션을 관리하는 가장 좋은 방법은 무엇입니까? MVC 등 React에서 사용자 세션을 관리하는 방법에 대해 의문이 있습니다.NET 이 작업은 Session 개체(예: Session 개체)를 통해서만 수행할 수 있습니다.Session["test"] = "";하지만 React는 이 작업을 수행할 수 없습니다. 컴포넌트 상태 사용에 대해 읽었는데, 주 컴포넌트 상태를 설정하고 소품을 사용하여 이 상태를 다른 컴포넌트로 전달합니다.그리고 브라우저의 사용을 추천하는 사람들도 봤어요.localStorage이게 좋은 생각인지 연습인지 모르겠어요. React에서 세션 변수를 관리하는 더 나은 방법이 있습니까?localStorage아니면 쿠키?컴포넌트 상태 사용은 관리가 어렵고 트러블 슈팅이 어려운..

패키지 내 프록시.json은 가져오기 요청에 영향을 주지 않습니다. React를 사용하여 개발 서버에서 데이터를 가져오려고 합니다. 에서 클라이언트를 실행하고 있습니다.localhost:3001및 백엔드port 3000. 가져오기 요청: const users = fetch('/api/users'); users.then((err,res) => { console.log(res); }) 개발 서버와 webpack-dev-server를 실행하면 다음과 같은 출력이 나타납니다. GET http://localhost:3001/api/users 404 (Not Found) 패키지에 프록시를 지정해 보았습니다.API 서버에 요청을 프록시하지만 변경된 것은 없습니다. 여기 제 소포가 있습니다.json 파일: .. 및 w..

React.js - 기본 프로펠이 null과 함께 사용되지 않습니다. React 컴포넌트에 기본 소품이 있습니다. PropertyTitleLabel.defaultProps = { bedrooms: 1, propertyType: 'flat' }; PropertyTitleLabel.propTypes = { bedrooms: PropTypes.number, propertyType: PropTypes.string }; 하지만 내가 지나갈 때null로.bedrooms예를 들어 다음과 같습니다. const bedrooms = null; // in real world API returns `null` 디폴트 소품으로는 대체되지 않았습니다. (아이디어는?)를 변경할 수 있습니다.null에 가치를 두다.undefined..

React 상태 비저장 구성 요소의 TypeScript 반환 유형은 무엇입니까? 반품 타입은 어떻게 되나요? const Foo : () => // ??? = () => ( Foobar ) StatelessComponentHooks API를 도입한 후 항상 상태 비저장 상태가 아니므로 이 답변에서 언급된 유형은 사용되지 않습니다. 함수 구성요소가 유형입니다.React.FunctionComponent가명도 있어요React.FC일을 짧게 마무리 짓기 위해서요 여기에는 하나의 필수 속성, 즉 함수가 있으며, 이 함수는 다음을 반환합니다.ReactElement또는null. 다음과 같은 몇 가지 옵션 속성이 있습니다.propTypes,contextTypes,defaultProps그리고.displayName. 다음은..

requirejs와 reactjs 사용 최근에 사용하기 시작했는데reactjs와 함께backbonejs라우터를 사용하여 어플리케이션을 만듭니다. 저는 주로 사용해요.requirejs의존성 및 코드 관리를 위해 사용됩니다.그러나 다음 파일이 포함된 파일을 포함하려고 하면 문제가 발생합니다.jsx구문을 사용합니다. 지금까지 가지고 있는 것은 이것뿐입니다.router.js: define(["backbone", "react"], function(Backbone, React) { var IndexComponent = React.createClass({ render : function() { return ( Some Stuff goes here ); } }); return Backbone.Router.extend(..