javamemo

재료 UI에서 텍스트 필드의 글꼴 크기를 변경할 수 없습니다. 저는 material ui를 배우려고 합니다.페이지의 텍스트 필드를 확대하려고 합니다.그러나 필드와 함께 포함하는 스타일은 높이, 너비 및 크기를 제외한 다른 속성을 변경합니다.내 코드는 다음과 같습니다. const styles = { container: { display: 'flex', flexWrap: 'wrap', }, textField: { // marginLeft: theme.spacing.unit, // marginRight: theme.spacing.unit, width: 300, margin: 100, fontSize: 50 //??? Doesnt work } } 스테이트리스 컴포넌트(React)는 다음과 같습니다. const ..

리액트 테스트 라이브러리:테스트 스타일(특히 배경 이미지) 저는 TypeScript로 리액트 앱을 만들고 있습니다.저는 리액트 테스트 라이브러리와 함께 성분 테스트를 합니다. 착륙 페이지에 쓸 시차 부품을 만들고 있어요 컴포넌트는 소품을 통해 이미지를 전달하고 JSS를 통해 배경 이미지로 설정합니다. {children} 다음은 제가 작성한 단위 테스트입니다. import React from "react"; import { cleanup, render } from "react-testing-library"; import Parallax, { OwnProps } from "./Parallax"; afterEach(cleanup); const createTestProps = (props?: object): O..

세미콜론을 더 예쁘게 지우는 방법? VS Code pretty 플러그인을 사용하여 코드를 포맷하고 있습니다.코드 포맷 시 세미콜론을 추가 또는 삭제하지 않는 설정을 추가하려면 어떻게 해야 합니까?이 기능이 1월에 추가된 것은 알고 있습니다만, PR이나 설정에 추가하는 방법에 대해서는 기재되어 있지 않습니다.Readme에서: 더 예쁜.semi(기본값: true) 모든 행의 끝에 세미콜론을 추가할지(semi: true) 또는 ASI 장애를 일으킬 수 있는 행의 선두에만 세미콜론을 추가할지(semi: false) 설정하셔야 합니다.prettier.semi로.false. 보다 예쁜 설정을 변경하려면 , 을 참조해 주세요. 다른 모든 vscode 설정과 마찬가지로 주의: 이 설정에는 pretty가 붙습니다. 열다..

웹 팩을 사용하여 CDN 또는 외부 벤더 javascript lib를 html 파일이 아닌 js 파일로 로드하는 방법 저는 클라이언트 측 프로그래밍에 리액트 스타터 키트를 사용하고 있습니다.리액트와 웹 팩을 사용합니다.편집할 index.html 또는 html이 없습니다.모두 js 파일입니다.클라우드에서 벤더 jslib를 로드하려면 어떻게 해야 합니까? html html 을 참조해 주세요. 그러나 js 파일에서는 npm 설치 패키지만 사용합니다.html 파일 없이 위의 lib를 Import하려면 어떻게 해야 하나요?Import를 시도했는데 로컬 파일에서만 작동합니다. 업데이트 10/21/15 지금까지 두 가지 방향을 시도했지만 둘 다 이상적이지 않습니다. @minheq yes react start kit용..

react와 함께 materialize-css를 사용하는 방법 ES6 모듈을 사용한 Meteor/React 프로젝트가 있습니다.npm을 사용하여 materialize-css를 설치했습니다만, 실제로 JSX 코드에서 materialize 클래스를 사용하는 방법을 모르겠습니다.materialize-css에서 무엇을 수입해야 합니까?아니면 CSS를 main index.html 파일에 포함시키면 되나요? 실제 UI 컴포넌트에 material-ui를 사용할 예정이기 때문에 그리드 시스템에 가장 많이 사용하고 싶습니다.CSS 모듈을 사용하기 때문에 구체화 css를 Import하면 해당 컴포넌트로 범위가 지정됩니다.그래서 나는 다음과 같이 했다. 1단계) 설치 구체화 npm install materialize-css..

jest + 효소, mount(), document.getElementById()를 사용하여 _method 호출 뒤에 표시되는 컴포넌트에서 null을 반환합니다. 나는 농담+효소로 문제에 직면했다mount()테스트하고 있습니다.표시 컴포넌트를 전환하는 기능을 테스트하고 있습니다. 컴포넌트 간 전환:state.infoDisplayContent = 'mission' a missionControl컴포넌트가 마운트된 경우state.infoDisplayContent = 'profile'- 기타 컴포넌트 절차: _modifyAgentStatus () { const { currentAgentProfile, agentsDatabase } = this.state; const agentToMod = currentAgent..

입력이 비어 있을 때 버튼을 비활성화하려면 어떻게 해야 합니까? 입력 필드가 비어 있을 때 버튼을 비활성화하려고 합니다.이에 대한 Respect의 최선의 접근법은 무엇입니까? 저는 다음과 같은 일을 하고 있습니다. Let me in 이거 맞는건가요? 한 요소에서 다른 요소로 데이터를 전송/확인하는 것이 궁금하기 때문에 동적 속성을 복제하는 것만이 아닙니다.입력의 현재 값을 그대로 유지해야 합니다(또는 콜백 함수, 측면 또는 을 통해 부모에게 값의 변경을 전달하여 최종적으로 소품으로서 컴포넌트에 전달되도록 해야 합니다). 그러면 버튼의 비활성화된 소품을 도출할 수 있습니다. 상태 사용 예: 상수를 사용하면 여러 필드를 조합하여 확인할 수 있습니다. class LoginFrm extends React.Com..

기본 내보내기 선호 오류 다음 에러가 발생하였습니다. 기본 내보내기 선호 import React, { Component } from 'react'; class HomePage extends Component { render() { return ( HomePage ); } } export { HomePage }; 다음을 시도했습니다. export { default as Homepage }; 치명적인 해석 오류가 발생합니다. 그 후, 다음과 같이 변경했습니다. export default HomePage; 그러면 eslint 오류가 지워집니다. 하지만, 다음에 던진다: '.HomePage'에 'HomePage'라는 이름의 내보내기가 없습니다. 홈페이지에는 다음과 같이 전화를 걸기 때문에:import { Hom..

유형 스크립트로 대응 - 유형 { }에 유형에서 다음 속성이 누락됨 TypeScript를 사용한 리액트를 배우려고 하는데, 조금 애매한 TS 에러가 계속 발생하고 있는 것 같습니다. 아래 3개의 파일로 된 코드를 가지고 있기 때문에 컴파일 및 실행 시 정상적으로 동작합니다.TypeScript에 의해 발생하는 이 에러는 매우 귀찮다. "유형 '{ id: any; 키: any; }'에 유형 'ProfileCardProps'에서 다음 속성이 없습니다. 로그인, 이름" // Form.tsx import * as React from 'react'; import Axios from 'axios'; export default class Form extends React.Component{ constructor(pro..

렌더링에서 아무것도 반환되지 않았습니다.이는 보통 반환문이 누락되었음을 의미합니다.또는 아무것도 렌더링하지 않으려면 null을 반환하십시오. 닫았습니다. 이 질문은재현할 수 없거나 오타가 원인입니다.현재 답변을 받고 있지 않습니다. 이 질문은 오타 또는 더 이상 재현할 수 없는 문제로 인해 발생합니다.비슷한 질문들이 주제일 수 있지만, 이 질문은 미래의 독자들에게 도움이 될 가능성이 적은 방법으로 해결되었다. 1년 전에 문을 닫았어요 이 질문을 개선하다 Index.js에 Import하는 컴포넌트가 React에 있는데 다음 오류가 발생합니다. 렌더링에서 아무것도 반환되지 않았습니다.이는 보통 반환문이 누락되었음을 의미합니다.또는 아무것도 렌더링하지 않으려면 null을 반환하십시오. index.syslog:..