반응형

Reactjs 26

React-Redux - 주요 "코인"에 대한 환원제는 제공되지 않습니다.

React-Redux - 주요 "코인"에 대한 환원제는 제공되지 않습니다. 다음과 같은 에러가 표시되는 이유를 알 수 없습니다. 가게와 행동, 그리고 감량기를 설치하는 중이지 아직 아무 것도 요청하지 않았어요. 기대됩니다 앱이 정상적으로 실행되며 Redux 상태가 업데이트되지 않음 결과. src/index.js import React from 'react' import ReactDOM from 'react-dom' import { createStore, applyMiddleware, compose } from 'redux' import { Provider } from 'react-redux' import thunk from 'redux-thunk' import reducer from './reducer'..

programing 2023.03.06

오류: useHref()는 컴포넌트의 컨텍스트에서만 사용할 수 있습니다. URL을 localhost:3000/experience로 직접 입력하면 동작합니다.

오류: useHref()는 컴포넌트의 컨텍스트에서만 사용할 수 있습니다. URL을 localhost:3000/experience로 직접 입력하면 동작합니다. 클릭 시 루트가 변경되는 동안 모든 루트에 렌더링되는 네비게이션바가 있습니다. ./컴포넌트/navbar.snvx import React, { Component } from 'react'; import '../App.css'; import { Link } from 'react-router-dom'; class Navbar extends Component { constructor(props) { super(props); this.state = {}; } render() { return ( My Name Experiences Projects Skills ..

programing 2023.03.06

material-ui 텍스트 필드 스타일링 방법

material-ui 텍스트 필드 스타일링 방법 material-ui TextField 컴포넌트를 스타일링하는 방법을 찾고 있습니다. 내 클래스는 다음과 같이 생성됩니다. const styles = theme => ({ textField: { width: '90%', marginLeft: 'auto', marginRight: 'auto', color: 'white', paddingBottom: 0, marginTop: 0, fontWeight: 500 }, }); 텍스트 필드의 색상이 흰색으로 바뀌지 않는 것이 문제입니다.텍스트 필드 전체에 스타일링을 적용할 수 있을 것 같습니다(폭 스타일링 등).문제는 스타일을 체인 아래쪽으로 실제 입력에 적용하지 않는 것이라고 생각합니다. passing input P..

programing 2023.02.24

process.env 때문에 경고를 오류로 간주하고 있습니다.CI = 참입니다.컴파일 실패

process.env 때문에 경고를 오류로 간주하고 있습니다.CI = 참입니다.컴파일 실패 저는 리액트 웨더 어플리케이션으로 셀프 학습을 하고 있습니다.gh-page에서도 동일하게 전개. URL https://davisraimon.github.io/react-weather/ 레포 https://github.com/davisraimon/react-weather 나의 애플리케이션을 Travis Ci와 통합하려고 했을 때 다음과 같은 오류가 발생하였습니다.Process.env라고 하는 env 변수를 변경해야 한다고 되어 있습니다.CI. $ git clone --depth=50 --branch=master https://github.com/davisraimon/react-weather.git davisraimo..

programing 2023.02.24

새로 고침 후 React-Redux 상태가 손실됨

새로 고침 후 React-Redux 상태가 손실됨 저는 React와 Redux를 처음 접하는 사람입니다. Stephen Grider의 Advanced React와 Redux 코스를 따라 클라이언트 측 인증을 수행하고 있습니다.로컬 스토리지에 이미 토큰이 저장되어 있어 페이지를 새로 고칠 때까지 모든 것이 정상적으로 동작하는 것 같았습니다.로그인/로그아웃 버튼을 표시하기 위해 네비게이션 변경을 할 때 수동으로 페이지를 새로 고치면 네비게이션이 다시 로그인/사인업 버튼을 표시하도록 변경됩니다. 저는 이런 것을 처음 접해서 코드 스니펫에 무엇을 넣어야 할지 모르겠어요.리듀서와 actions/index.js는 남겨두겠습니다.그리고 이건 제 git 저장소와 비슷해요. actions/index.displaces i..

programing 2023.02.24

React on Drop이 실행되지 않습니다.

React on Drop이 실행되지 않습니다. 다음은 제가 사용하려는 샘플 코드인 react + TypeScript입니다.onDragEnter 및 onDragOver는 정상적으로 동작하지만 onDrop 이벤트는 동작하지 않습니다. import * as React from 'react'; export class FileZone extends React.Component { onDragOver = (e) => { let event = e as Event; event.stopPropagation(); } onDragEnter = (e) => { let event = e as Event; event.stopPropagation(); } onFileDrop = (e) => { let event = e as Eve..

programing 2023.02.24
반응형