cyworld

경고: prop 'className'이(가) 일치하지 않음. 의미-의리-반응과 함께 스타일 구성요소를 사용할 때 이 코드를 사용하여 단추를 위로부터 여백: const makeTopMargin = (elem) => { return styled(elem)` && { margin-top: 1em !important; } `; } const MarginButton = makeTopMargin(Button); 그리고 내가 사용할때마다MarginButton노드, 다음 오류가 표시됨:Warning: PropclassNamedid not match. Server: "ui icon left labeled button sc-bwzfXH MjXOI" Client: "ui icon left labeled button sc-b..

'dispatch'는 Redex에서 mapToDispatchToProp() 인수를 수행할 때 함수가 아님 나는 리듀렉스, 리액션, 리액션, & 리액션으로 작은 어플리케이션을 만드는 초보자다.연결(react-remensx 바인딩)과 함께 mapDispatchToProps 기능을 사용할 때 결과 프로펠러를 실행하려고 할 때 디스패치가 함수가 아님을 나타내는 TypeError가 수신된다.그러나 내가 디스패치를 소품으로 부를 때(제공된 코드의 setAddr 함수 참조) 작동한다. Redex 문서의 TODO 앱 예에서 맵DispatchToProps 메소드가 동일한 방식으로 설정되는 이유는 무엇인지 궁금하다.함수 내부에 console.log(dispatch)가 있으면 디스패치가 type object라고 되어 있다...

TS2339: 속성 'tsReducer'가 'DefaultRootState' 유형에 없음 위의 질문에 고심하고 있다.비슷한 질문을 보았지만 알아낼 수 없다. 아래 코드는 내가 .js와 .jsx를 사용하는 기존 리액션 프로젝트에서 처음으로 TypeScript를 사용하여 대화 상자를 열고 닫으려고 시도하는 것이다. import Button from '@material-ui/core/Button'; import Dialog from '@material-ui/core/Dialog'; import DialogActions from '@material-ui/core/DialogActions'; import DialogContent from '@material-ui/core/DialogContent'; import ..

이 버전에서는 '&' 토큰이 유효한 문 구분 기호가 아님 내 리액션 프로젝트에 웹 팩을 설치하는 과정에서 다음 문제가 내 진행을 방해한다. 웹 팩을 구성하는 마지막 단계 npm run build && node ./dist/main.js Windows Power Shell / Visual Studio Code 오류 PS C:\Users\pythonbuddha\Desktop\to_experiment\to-do-list> npm run build && node ./dist/main.js At line:1 char:15 + npm run build && node ./dist/main.js + ~~ The token '&&' is not a valid statement separator in this versio..

홈 페이지 클릭 없이 하위 페이지로 직접 이동할 때 라우터 브라우저 반응으로 인해 "404 Not Found - nginx" 오류가 발생함 나는 멀티 페이지 웹사이트의 라우팅을 위해 리액션 라우터를 사용하고 있다.Https://test0809.herokuapp.com/signin하위 페이지로 직접 이동하려고 하면"404-nginx 발견되지 않아"오류가 표시됨(이 문제를 보려면 인코그니토 모드에서 이 링크로 이동해야 캐시가 없을 수 있음).홈 페이지에서 이동하면 모든 링크가 정상적으로 작동함:test0809.herokuapp.com/. BrowserRouter를 사용 중이었는데 브라우저Router를 HashRouter로 변경하여 "404 not found" 오류를 제거할 수 있었는데, 이 오류는 내 모든 ..

React/TypeScript: 추가 속성으로 구성 요소 확장 내 전류 구성 요소(순수 형식)를 재생성하기 위해 리액션을 사용하려고 하지만 다른 구성 요소를 확장하는 구성 요소에 추가 소품을 제공할 방법을 찾을 수 없다. export interface DataTableProps { columns: any[]; data: any[]; } export class DataTable extends React.Component { render() { // -- I can use this.props.columns and this.props.data -- } } export class AnimalTable extends DataTable { render() { // -- I would need to use a thi..

이 오류를 해결하는 방법: " 모듈을 찾을 수 없음: popper.js "을(를) 확인할 수 없음 Bootstrap 및 Jquery를 가져온 후 컴파일할 때 이 오류가 표시된다. import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; import 'bootstrap/dist/css/bootstrap.css'; import './index.css'; global.jQuery = require('jquery'); require('bootstrap'); Popper.js는 팝업 표시에 사용되는 Bootstrap 4의 종속성이다.그것은 부트스트랩의 피어 의존적인 것으로, 부트스트랩을 설치할 때 부트스트랩이 필요하지..

조롱하는 방법 성분 방법을 농담과 효소로 반응시키는 방법 반응 구성 요소가 있음(이 문제는 문제를 입증하기 위해 단순화됨): class MyComponent extends Component { handleNameInput = (value) => { this.searchDish(value); }; searchDish = (value) => { //Do something } render() { return() } } 이제 나는 그것을 시험해 보고 싶다.handleNameInput()전화를 하다searchDish제공된 가치로 이를 위해 컴포넌트 메소드를 대체하는 jest mock 기능을 만들고 싶다. 지금까지 나의 테스트 케이스는 다음과 같다. it('handleNameInput', () => { let wr..

애니메이션: ReactiveNativeBase 입력의 "NativeDriver"가 지정되지 않음 오늘(2020년 4월 3일) 새로운 리액티브 프로젝트를 만들고, 토착기반을 추가했다.그리고 부동 레이블로 입력을 추가하려고 했다.다음과 같은 경고 메시지가 표시된다.애니메이션:useNativeDriver지정되지 않았다.이 옵션은 필수 옵션이며 다음으로 명시적으로 설정되어야 함true또는false. floating label 속성을 제거하거나 stackedLabel로 변경하면 경고가 사라진다.이 경고가 나타나는 동안onChangeText호출되지 않고 있다. 구성 요소 파일 import React from 'react'; import { SafeAreaView, ScrollView, StatusBar, Style..

반응.js: 한 구성 요소를 다른 구성 요소로 포장 많은 템플릿 언어에는 "슬롯" 또는 "수혜" 문장이 있는데, 이를 통해 하나의 템플릿을 다른 템플릿 안에 감싸기 위해 일종의 통제의 역전을 할 수 있다. 각도에는 "변환" 옵션이 있다. 레일즈는 항복선언이 있다.리액션 js가 항복문을 가지고 있다면 다음과 같이 보일 것이다. var Wrapper = React.createClass({ render: function() { return ( before after ); } }); var Main = React.createClass({ render: function() { return ( content ); } }); 원하는 출력: before content after 아아, 리액트.js는 그런 것이 없다.동..