javamemo

외부 부품 개발 시 리액트 2부 로드 오류를 방지하려면 어떻게 해야 합니까? 외부 컴포넌트를 개발 중입니다(예를 들어my-componentnpm link(현재 진행 중이며 변경 사항을 반영하기 위해 패키지가 필요합니다.) 서서 my-component가 있습니다.node_modules/react ★★★★★★★★★★★★★★★★★」node_modules/react-dom그 의존성이 있기 때문입니다.단, peer Dependences이기 때문에 이 패키지를 링크하는 프로젝트에 도입할 생각은 없었습니다. , 「」를 사용하고 경우는, 「」npm link은 , 을 포함한 합니다.node_modules때가 두 번 됩니다. 즉, 구축 시 패키지가 두 번 포함됩니다node_modules/* 및서에서node_modules/..

JWT를 저장하고 react를 사용하여 모든 요청과 함께 전송하려면 어떻게 해야 합니까? 기본적인 등록/인증 시스템이 가동되고 있기 때문에 잘 알 수 있습니다. 그래서 난 이걸 얻었어: app.post('/login', function(req,res) { Users.findOne({ email: req.body.email }, function(err, user) { if(err) throw err; if(!user) { res.send({success: false, message: 'Authentication Failed, User not found.'}); } else { //Check passwords checkingPassword(req.body.password, user.password, func..

기능 컴포넌트 내의 ReactJS 라이프 사이클 방법 클래스 내에 컴포넌트를 쓰는 대신 함수 구문을 사용하고 싶습니다. 덮어쓰려면componentDidMount,componentWillMount내부 기능 컴포넌트 그게 가능하기나 해? const grid = (props) => { console.log(props); let {skuRules} = props; const componentDidMount = () => { if(!props.fetched) { props.fetchRules(); } console.log('mount it!'); }; return( ) } 편집: 라이프 사이클의 동작이나 기능 컴포넌트의 상태를 실장할 수 있습니다.현재의 후크는 클래스를 작성하지 않고 상태 및 기타 React 기능..

React 16의 hydrate()와 render()의 차이점은 무엇입니까? 류를읽,rencerencerence요요rencerence i i i 、 i 、 르 、 르 、 르 、 i 、 i 、 i 、 i 、 i 、 i 、 i i i 。hydrate() ★★★★★★★★★★★★★★★★★」render()열여섯 살 는 알고 있다hydrate()SSR 및 클라이언트 측 렌더링을 결합하는 데 사용됩니다. 수분을 공급하는 것이 무엇인지, React DOM의 차이점은 무엇인지 설명해 주실 수 있나요?ReactDOMServer 문서(강조 마이닝): 「 」에 ReactDOM.hydrate()서버 렌더링 마크업이 이미 있는 노드에서는 React는 이를 보존하고 이벤트핸들러만 첨부하여 매우 퍼포먼스 높은 퍼스트로드 체험을 할 ..

리액트 리액트 리액트 리액트 리액트 리액트:액티브한 경우 디세블로 하려면 어떻게 해야 하나요? 디세블로 하려면 어떻게 해야 하나요?이 URL이 이미 활성화 되어 있는 경우, react-router로 설정합니다.예를 들어, 클릭 한 번으로 URL이 변경되지 않는 경우클릭을 전혀 방지하거나 렌더링하고 싶다.대신. 제 머릿속에 떠오르는 유일한 해결책은activeClassName(또는activeStyle및 설정pointer-events: none;단, IE9 및 IE10에서 동작하는 솔루션을 사용하고 싶습니다.CSS를 사용할 수 있습니다.pointer-events기여하다.이것은 대부분의 브라우저에서 작동합니다.예를 들어 JS 코드: class Foo extends React.Component { render()..

ESLint 정의 전 미사용 이 ESLint 규칙을 얻는 방법(no-use-before-define)와 같은 경우에는 경고하지 않는다. class App extends React.Component { render() { return {messages.helloWorld} } } const messages = { helloWorld: 'Hello world!' } 이것은 간단한 예이지만, 저는 정말 이 모든 것을messages(규칙에 따라) 각 컴포넌트 파일의 맨 아래에 정의되어 있습니다.당신이 관심을 가질 것 같군요.variables옵션을 지정합니다.이 옵션에 대해서는, 여기를 참조해 주세요. 이 플래그는 규칙이 상위 범위의 변수 선언을 검사할지 여부를 결정합니다.이것이 참일 경우 규칙은 변수 선언 전에..

이 javascript Import에서 ~ (tilde)는 무엇을 하고 있습니까? funent-webapp typescript MVC 샘플(http://fountainjs.io/),에서 가져온 App.tsx에는 다음 행이 포함되어 있습니다. import {IDispatch} from '~react-redux~redux'; Visual Studio 2017은 이 행에 밑줄을 그지만("모듈을 찾을 수 없습니다") 브라우저에서는 동작합니다.이 구문은 처음 보는데 뭘 하려는지 모르겠어요. 오픈 티켓에 대해서는, https://github.com/FountainJS/generator-fountain-react/issues/70 를 참조해 주세요.칠드(~webpack과 조합하여 사용되는 )는 검색 대상이 되는 것을..

바인딩 요소 'children'을 수정하려면 암시적으로 'any' type.ts(7031)를 사용합니다. 유형 검증을 추가하는 방법에 대한 유효성 검사에서 누락된 것이 있습니다."element 'children'에는 암묵적으로 '임의' 유형이 있습니다."라는 오류가 있습니다. import * as React from 'react'; import Button from './Styles'; const Button1 = ({ children, ...props }) => ( {children} ); Button1.propTypes = {}; export default Button1; 2022년 편집: 리액트 18을 사용하면 FC는 더 이상 하위 기능을 제공하지 않으므로 사용자가 직접 입력해야 FC를 삭제할 수 ..

리액트 라우터 - 링크 대 리다이렉트 대 이력 다른 쪽과 비교하여 무엇을 사용해야 할지 혼란스러운 것 같습니다. history.push('/some/path') React/Router를 사용한 지 얼마 안 됐는데, 사용 타이밍에 대해 댓글이나 답변에 따라 다른 사람이 말한 내용과 일치하지 않을 수 있습니다.그래서 나는 이것에 대해 좀 더 명확히 해야 할 것 같아요. 제가 알기로는Link이 문서에는 다음과 같은 내용이 기재되어 있습니다. 응용 프로그램에 대해 선언적이고 액세스 가능한 탐색 기능을 제공합니다. 제가 알기로는Redirect이 문서에는 다음과 같은 내용이 기재되어 있습니다. 새 위치로 이동합니다.서버측의 리다이렉트(HTTP 3xx)와 같이, 새로운 로케이션은 이력 스택내의 현재의 로케이션을 덮어..

리액트 네이티브 뷰 내부 텍스트별 자동 너비 리액트 네이티브 스타일시트는 min-width/max-width 속성을 지원하지 않는 것으로 알고 있습니다. 안에 보기와 문자가 있습니다.자동 너비의 보기는 문자 요소를 상속해도 크기가 조정되지 않습니다. 이 문제를 해결하고 텍스트 너비를 사용하여 뷰 너비를 자동으로 설정하려면 어떻게 해야 합니까? 암호는 다음과 같습니다. Sample text here HTML/CSS의 공통점은 다음과 같습니다. Sample text here 주의: 부모 뷰의 플렉스:1은 도움이 되지 않습니다.텍스트는 다음과 같이 표시됩니다. "Sam" "ple" "Tex" "t" "align Self"는 일반적인 HTML/CSS에서 "display: inline-block"과 같은 기능을 ..