golfzon

"JSX 요소 유형 '...'에 구성 또는 호출 시그니처가 없습니다" 오류는 무엇을 의미합니까? 코드를 작성했습니다. function renderGreeting(Elem: React.Component) { return Hello, !; } 에러가 표시된다. 유형 JSX " "Elem 또는 . 그것은 무엇을 뜻하나요?이는 생성자와 인스턴스 간의 혼동입니다. React에서 컴포넌트를 작성할 때 다음 사항을 기억하십시오. class Greeter extends React.Component { render() { return Hello, {this.props.whoToGreet}; } } 다음과 같이 사용합니다. return ; 이 방법은 사용하지 않습니다. let Greet = new Greeter(); re..

반응 요소에 대한 클릭 이벤트 시뮬레이션 지금 시뮬레이션을 해보려고 합니다..click() event동작하지 않는 이유를 알 수 없습니다(Resact 요소를 기동할 때 반응이 없습니다).event). JavaScript만으로 Facebook 코멘트를 투고하고 싶은데 첫 번째 단계에서 막힙니다..click()에div[class="UFIInputContainer"]요소) 암호는 다음과 같습니다. document.querySelector('div[class="UFIInputContainer"]').click(); 다음 URL을 참조해 주세요.https://www.facebook.com/plugins/feedback.php... P.S. 저는 리액트에 대한 경험이 없어서 이것이 기술적으로 가능한지 잘 모르겠습니..

const 또는 in React 컴포넌트 예를 들어 React 컴포넌트가 있다고 칩시다.덤덤이든 아니든 상관없습니다.스토어에서 뭔가를 가져와 변수에 넣으면 코드가 좀 더 간결해집니다.const로 할까요, let으로 할까요?분명히 상태가 바뀔 것이다. 여기 제가 말하는 것의 예가 있습니다.myValues는 사용자가 내 앱과 상호작용함에 따라 변화한다는 것을 다시 한 번 강조하고 싶다. class MyComponent extends Component { render() { // Here, should I use const or let? const myValues = this.props.someData; return( {myValues.map(item => ( ))} ); }; } function mapSta..

React JS:컴포넌트의 초기 상태를 전달하는 것이 안티패턴인 이유는 무엇입니까? 소켓을 사용하여 작은 ReactJS 대시보드를 만들었습니다.라이브 업데이트용 IO.대시보드를 업데이트했는데 제대로 했는지 잘 모르겠어요. 가장 신경이 쓰이는 것은 안티패턴 포스트로서 getInitialState의 Proposs입니다.서버로부터 라이브 갱신을 취득하는 대시보드를 작성했습니다.페이지를 로드하는 것 이외에는, 유저의 조작이 필요 없습니다.제가 읽은 바로는this.state하는 내용과 에는 컴포넌트의 재작성 여부를 결정하는 합니다.this.props직은은모모모모모 에 「」를 호출하면, 「」가 됩니다.React.render(, ...)소품만 건네줄 수 있어요. 제, 든, 든, 든, 든, 모, 져, 져, 져, 져, ..

useEffect에서의 debounce 문제 사용자 이름 입력 폼이 있는데 사용자 이름이 사용 중인지 데바운스 기능으로 되어 있지 않은지 확인하려고 합니다.문제는 콘솔이 "user"를 입력했을 때처럼 데바운스가 작동하지 않는 것 같습니다. u us use user 데바운스 기능은 다음과 같습니다. export function debounce(func, wait, immediate) { var timeout; return () => { var context = this, args = arguments; var later = () => { timeout = null; if (!immediate) func.apply(context, args); }; var callNow = immediate && !timeo..

웹팩 및 타입스크립트 이미지 Import 리액트 어플리케이션에서 Webpack & Typescript를 사용하고 있습니다.다음 중 하나의 이미지를 사용하고 싶습니다.그러나 이미지 파일에 액세스할 수 있는 적절한 방법을 찾지 못했습니다. webpack.config.disc: ... module: { rules: [ ... { test: /\.(png|jpe?g|svg)$/, loader: 'file-loader', options: { name: 'assets/[name].[ext]', } } ] app.tsx: ... render() { return } 앱을 실행할 때assets/logo-large.png리소스를 찾을 수 없습니다. 또는 custom_typings 폴더에 새로운 것을 추가할 수도 있습니다...

jest: 테스트 스위트를 실행하지 못했습니다. SyntaxError:예기치 않은 토큰 Import 이것은 패키지의 농담 설정입니다.json 파일: "jest": { "automock": false, "browser": true, "moduleNameMapper": { "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "./app/tests/mocks/FileMock.js", "\\.(css|less)$": "identity-obj-proxy" }, "moduleFileExtensions": [ "js", "jsx" ], "moduleDirectories": [ "node_modules" ], "tr..

오류: 구현되지 않음: window.scrollTo.Jest 테스트에서 이 오류를 제거하려면 어떻게 해야 합니까? 오류: console.error node_modules/jsdom/lib/jsdom/virtual-console.js:29 Error: Not implemented: window.scrollTo at module.exports (/Users/me/Projects/my-project/node_modules/jsdom/lib/jsdom/browser/not-implemented.js:9:17) at /Users/me/Projects/my-project/node_modules/jsdom/lib/jsdom/browser/Window.js:594:7 는 용고기 because because becaus..

MUI에서의 응답 타이포그래피? 디자인은 일반적으로 모바일 디자인의 헤드라인 글꼴이 작습니다. MUI는 타이포그래피를 반응시키는 메커니즘을 가지고 있습니까? 기본 테마의 글꼴 크기가 렘 단위로 정의되어 있는 것을 알 수 있습니다.기본 글꼴 크기를 줄이는 것이 문제입니까?(헤드라인 글꼴을 다른 속도로 줄이려면 어떻게 해야 할까요?)갱신하다 MUI v4에는 반응하는 타이포그래피가 내장되어 있습니다!자세한 내용은 여기를 참조하십시오. 오래된 응답 @루크의 대답은 훌륭하다.테마 오브젝트에서는 브레이크 포인트와 pxToRem에 모두 액세스 할 수 있기 때문에, 이 작업을 실제로 실시할 수 있도록 상세 내용을 추가하려고 합니다.이것을 닭과 달걀의 문제가 되게 만들어요!나의 접근법: import { createMui..

후크 사용 시 React batch state update가 기능합니까? 클래스 컴포넌트의 경우this.setState는, 이벤트 핸들러내의 경우에 배치 콜을 실시합니다.그러나 이벤트 핸들러 외부에서 상태를 업데이트하여useState후크? function Component() { const [a, setA] = useState('a'); const [b, setB] = useState('b'); function handleClick() { Promise.resolve().then(() => { setA('aa'); setB('bb'); }); } return {a}-{b} } 렌더링할 것인가?aa - bb지금 당장요?그렇지 않으면aa - b그리고 나서.aa - bb?TL;DR – 상태 변경이 비동기적으로..