skycolor

reactjs에서 소품은 값으로 통과합니까, 아니면 참조로 통과합니까? 내가 알기로는 부모 컴포넌트 상태를 자녀에게 전달하면 그 자녀는 부모의 라이브 상태를 얻을 수 있습니다. 부모의 상태에 대한 변화는 아이가 태어난 소품을 통해서도 즉시 이용할 수 있습니다. 이거 맞는건가요?기본적으로 언어상의 다른 곳과 동일한 메커니즘입니다. 예상대로입니다.원시 요소는 값으로 전달되고 원시 요소가 아닌 변수는 참조로 전달됩니다. React는 소품 업데이트를 내부적으로 신경써서 아이들이 소품에서 항상 최신 가치를 가질 수 있도록 합니다. 소품에 새로운 가치를 부여받았을 때 호출되는 라이프 사이클 방식입니다. 단, 도입되어 있는 인프라스트럭처와 React에 의해 제공되는 노출된 API는 존중해야 합니다.간단한 답변: 소품..

Android용 React Native 뷰에 맞게 글꼴 크기를 조정하는 방법 리액트 네이티브에서 뷰 내의 텍스트 글꼴 크기를 자동으로 변경하려면 어떻게 해야 합니까? 길이가 다른 텍스트가 있는데, 일부 텍스트가 보기에 맞지 않아 글꼴 크기를 줄였습니다.문서를 확인해보니 iOS 전용으로 안드로이드용으로 필요합니다. 버튼이나 터치 가능한 불투명도 등 다른 컴포넌트와 함께 사용할 수 있습니까?Jeffy Lee 코드가 조금 개선되었습니다. const AdjustLabel = ({ fontSize, text, style, numberOfLines }) => { const [currentFont, setCurrentFont] = useState(fontSize); return ( { const { lines } =..

Jeest에서 예기치 않은 토큰이 발견되었습니다. 왜 이 회선에 불만이 있는지 알 수 없습니다. const wrapper = shallow(); /Users/leongaban/projects/match/bitcoin/src/components/bitcoinWidget.test.js: Unexpected token (17:26) Jest encountered an unexpected token This usually means that you are trying to import a file which Jest cannot parse, e.g. it's not plain JavaScript. By default, if Jest sees a Babel config, it will use that to tra..

노드 사스는 개발입니까, 아니면 React 프로젝트에 의존합니까? 정맥류 반응 문서에는 Prod 종속성으로 추가되어 있지만 그 이유를 알 수 없습니다.SAS는 개발 중에만 컴파일되고 Push를 받으면 컴파일된 CSS 파일을 실제로 푸시하기 때문에 devDependecy여야 하지 않을까요?생산 빌드에 필요하기 때문에 생산 종속성 목록 imho에 있어야 합니다. 제 경험상, 대부분의 경우 프로젝트는 생산을 위해 새롭게 구축되기 때문에 처음부터 구축하기 위해 필요한 모든 패키지가 필요합니다. 개발 의존성은 prod 빌드에 필요하지 않지만 개발에서 분명히 사용되고 있는 webpack-dev-server와 같은 것일 수 있습니다(사용하고 있다고 가정).sass의 공식 NPM 사이트(링크: "SAS는 '의존성'으로..

TypeScript React 응용 프로그램의 PropType 용용을 React.PropTypesTypeScript Respect 어플리케이션에서 타당성이 있는지 아니면 단순히 "벨트와 멜빵"의 경우인지 확인합니다. 는 "Cronent Class"로 선언되어 Propsparameter: type " " "type" interface Props { // ... } export class MyComponent extends React.Component { ... } 추가함으로써 실질적인 이점이 있습니까? static propTypes { myProp: React.PropTypes.string } 클래스 정의까지요?Typescript와 PropTypes의 용도는 다릅니다.유형 스크립트는 컴파일 시 유형을 검증..

Reactjs: HTML 템플릿을 다른 파일에 넣는 방법 리액트는 처음입니다.저는 Angular2+가 훨씬 더 익숙해요.Angular에서는 모든 컴포넌트에 개별 html 파일이 있습니다.다만, React 에서는, 렌더 기능 자체에 html 템플릿이 포함되어 있는 것을 알 수 있습니다.예를들면, import React, { Component } from 'react'; class HelloWorld extends Component { render() { return ( Hello World ); } } export default HelloWorld; 음, 나는 가져가고 싶다. Hello World 예를 들어, js 파일 외부에 별도의 html에 저장하고 html 파일을 렌더 함수로 Import합니다. re..

'react-native start' 오류 해결 방법 방금 node.js & cli를 설치했습니다. 설치 완료 node.display 설치된 react-module-cli npm -g react-native-cli 그리고 '새로운 프로젝트'를 만들었다. react-native init new_project 그리고 그 'new_project' 디렉토리에서 메트로 번들러가 제대로 작동하는지 확인하느라 지쳤어요. react-native start 하지만 명령에서 다음 오류가 발생하여 지하철이 시작되지 않습니다.이 오류를 해결할 수 있는 단서가 있습니까? (Windows 10 OS를 사용하고 있습니다.) 명령어:C:\projects\new_proj>react-native start 에러 정규식이 무효입니다./(..

webpack dev 서버 CORS 문제 사용하고 있다webpack-dev-server v1.10.1Redux 프로젝트를 활성화하기 위해 다음과 같은 옵션을 선택할 수 있습니다. contentBase: `http://${config.HOST}:${config.PORT}`, quiet: false, noInfo: true, hot: true, inline: true, lazy: false, publicPath: configWebpack.output.publicPath, headers: {"Access-Control-Allow-Origin": "*"}, stats: {colors: true} JS 에서는,request부터superagentHTTP GET 콜을 생성하다 request .get(config.AP..

React Router 4에서 인증된 루트를 구현하려면 어떻게 해야 합니까? 인증된 루트를 구현하려고 했는데 React Router 4가 이 기능을 하지 못하게 되었습니다. 에러는 다음과 같습니다. 경고:사용해서는 안 됩니다. ★★★★★★★★★★★★★★★★★」 이 경우 올바른 구현 방법은 무엇입니까? .react-router (v4) 문서와 같은 합니다. Public Page Protected Page 하지만 여러 경로를 함께 묶으면서 이를 달성할 수 있을까요? 몇 가지 조사 후, 저는 다음과 같은 것을 생각해 냈습니다. import React, {PropTypes} from "react" import {Route} from "react-router-dom" export default class Auth..

반응에서 여러 줄 텍스트 문자열을 렌더링하는 방법 줄 바꿈을 포함하는 텍스트 문자열이 있으며 다음과 같이 렌더링한다고 가정합니다. render() { var text = "One\nTwo\nThree"; return {text}; } HTML에서는 줄 바꿈은 줄 바꿈으로 렌더링되지 않습니다.리액트에서는 어떻게 해야 돼요?변환하고 싶지 않다 태그 및 사용dangerouslySetInnerHTML.다른 방법이 없나요?새로운 CSS 클래스 만들기 .display-linebreak { white-space: pre-line; } 해당 CSS 클래스로 텍스트를 표시합니다. render() { const text = 'One \n Two \n Three'; return ( {text} ); } 줄 바꿈을 사용하여 ..