easyjava

ES6 클래스로 스태틱스 대응 statics 객체는 Respect의 ES6 클래스에서 동작합니까? class SomeComponent extends React.Component { render() { // ... } } React.statics = { someMethod: function() { //... } }; 위와 같은 것은 나에게 정의되지 않은 방법을 준다.someMethod할 때SomeComponent.someMethod()statics와만 연동되다React.createClass. 이 메서드를 스태틱클래스 메서드로 선언하면 됩니다. class SomeComponent extends React.Component { static someMethod() { //... } render() { // ....

가져오기 시도 오류: 'uuid'에 기본 내보내기('uuid'로 가져오기)가 반응에서 포함되어 있지 않습니다. 오류: Import 시도 오류: 'uuid'에 기본 내보내기('uuid'로 가져오기)가 포함되어 있지 않습니다. 이것은 코드 샘플입니다. import uuid from "uuid"; //import * as uuid from "uuid"; import TodoInput from "./components/TodoInput"; import TodoList from "./components/TodoList"; export default class App extends Component { state = { items: [ { id: 1, title: "wake up" }, { id: 2, title:..

react-router-dom 속성 'sumParams'에서 버전 4 useParams()를 업그레이드한 후 TypeScript 오류가 '{}' 유형에 없음 버전 4 Used in useParams()로 업그레이드한 후 react-router-dom에서 typeScript 오류가 발생함 "typescript": "^4.0.2" import { useParams } from 'react-router-dom'; const { sumParams } = useParams(); Property 'sumParams' does not exist on type '{}'. 프로젝트는 정상적으로 실행되었으며 업그레이드 후에만 오류가 발생함useParams범용입니다.범용 값을 지정하여 사용 중인 매개 변수를 지정해야 합니다..

Uncaughed Error: 크로스 오리진 오류가 발생하였습니다.React는 개발 중인 실제 오류 개체에 액세스할 수 없습니다. 존을 송신할 때마다, 다음의 에러가 표시됩니다. '잡히지 않은 오류: 교차원 오류가 발생했습니다.React는 개발 중인 실제 오류 개체에 액세스할 수 없습니다.' 이전 상태가 새 상태로 변경되었을 때 발생하는 Submit Zone 버튼을 눌렀을 때만 발생합니다. (this.setState) Create Zone.js import React, { Component } from "react"; export default class CreateZone extends Component { constructor(props) { super(props); this.state = { zon..

매핑할 객체 배열 없이 React.js에서 요소를 루프하고 렌더링하려면 어떻게 해야 합니까? jQuery 컴포넌트를 React.js로 변환하려고 하는데 문제가 있는 것 중 하나가 for 루프를 기반으로 한n개의 요소를 렌더링하는 것입니다. 이것이 불가능하거나 권장되지 않으며 모델에 어레이가 있는 경우 사용하는 것이 매우 타당하다는 것을 알고 있습니다.map좋습니다만, 어레이가 없는 경우는 어떻게 됩니까?렌더링할 요소 수에 해당하는 숫자 값이 있는 대신 어떻게 해야 합니까? 다음 예제에서는 요소의 계층 수준에 따라 임의 개수의 스팬 태그를 요소의 앞에 붙입니다.레벨 3에서는 텍스트 요소 앞에 3개의 스판 태그를 붙입니다. javascript: for (var i = 0; i < level; i++) { $..

MUI에서 활성 탭 색상을 변경하는 방법 활성 탭의 색상을 변경하려면 어떻게 해야 합니까? 이거.pink라, 、 진보 、 진을 。 스타일 키를 전달할 수 있는 TabIndicatorProps를 지원하는 재료 UI 최신 버전을 사용해 보십시오. ...... 두 가지 옵션이 있습니다. 테마를 커스터마이즈할 수 있습니다. httpwww.material-ui.com/#/://www.material-ui.com/#/customization/themeshttp://www.material-ui.com/#//temeshttp 쉬운 은 '우리'를 예요.inkBarStyle★★★★★★★★★★★★★★★★★★. 문서에서도 볼 수 있어요 §: ... @Risa의 솔루션은 잘 작동하며, 그것이 받아들여지는 답변일 것이다.그녀의 ..

농담 모의 반응 컨텍스트 응용 프로그램을 테스트하는 방법에 대한 도움이 필요합니다.React Context. 여기 제 샘플 설정입니다. context.context.context.displaces import React from 'react' export const AppContext = React.createContext() App.js import React from 'react' import MyComponent from './MyComponent' import {AppContext} from './context' const App extends React.Component { state = { items: [] } handleItemAdd = newItem => { const {items} = t..

redex 툴킷에서 리듀서와 엑스트라 리듀서의 차이점은 무엇입니까? 2개월 동안 redux 툴킷에 대해 배웠습니다.createSlice갖고 있다reducers그리고.extrareducersdispatch와 dispatch의 상태가 바뀌는 것은 알고 있습니다만, 그 차이를 모르겠습니다.어디에 사용하면 좋을까요?그reducers속성은 둘 다 작업 생성자 함수를 생성하고 슬라이스 축소기에서 해당 작업에 응답합니다.그extraReducers슬라이스 리듀서의 액션에 응답할 수 있지만 액션크리에이터 기능은 작성하지 않습니다. 를 사용합니다.reducers대부분의 시간. 사용할 수 있습니다.extraReducers다른 곳에서 이미 정의한 액션을 처리할 때 사용합니다.가장 일반적인 예로는 에 대한 응답입니다.creat..

리액트 후크와 함께 show Component Update를 사용하는 방법 다음 링크를 읽고 있습니다. https://reactjs.org/docs/hooks-faq.html#how-do-i-implement-shouldcomponentupdate https://reactjs.org/blog/2018/10/23/react-v-16-6.html 첫 번째 링크에는 (https://reactjs.org/docs/hooks-faq.html#from-classes-to-hooks): show Component Update:React.memo 참조 두 번째 링크에는 다음 내용도 표시됩니다. 클래스 컴포넌트는 Pure Component 또는 should Component Update를 사용하여 입력 소품이 동일한 경..

리액트 훅은 대상 컴포넌트를 어떻게 결정합니까? 리액트 훅을 사용하고 있을 때 하위 컴포넌트의 상태 변경으로 상태 변경이 없는 상위 컴포넌트가 다시 생성되지 않는다는 것을 알게 되었습니다.이는 https://codesandbox.io/s/kmx6nqr4o 코드 샌드박스에서 확인할 수 있습니다. 인수 또는 바인드 컨텍스트로서 컴포넌트를 후크에 전달하지 않기 때문에 리액트 후크/스테이트 변경이 단순히 mithril 동작 방법 및 React의 설계 원칙과 같은 애플리케이션 전체의 재렌더를 트리거한다고 잘못 생각했습니다. 리액트는 트리를 재귀적으로 걸으며 콜은 단일 틱 동안 업데이트된 트리 전체의 기능을 렌더링합니다. 리액트 훅은 어떤 컴포넌트에 관련되어 있는지 알고 있기 때문에 렌더링 엔진은 그 컴포넌트만 갱..