easyjava

리액트 라우터 네비게이션바 예시 저는 리액트 JS의 초보자이며, Dashboard용 리액트 라우터 기반의 내비게이션을 개발하고 싶습니다.목업은 다음과 같습니다. 루팅을 시도하기 위해 작성한 app.js 코드는 다음과 같습니다. import React from 'react' import { render } from 'react-dom' import { Router, Route, Link } from 'react-router' import Login from './components/Login.js'; const App = React.createClass({ render() { return ( App Login Inbox {this.props.children} ) } }) render(( ), documen..

Webpack / Babel / React 빌드 오류: "알 수 없는 옵션: foo/node_modules/react/react.js.아이들" 웹 팩을 사용하여 프로젝트를 작성하고 다음 웹 팩 구성으로 대응하려고 합니다. var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'babel-polyfill', './app/less/main.less', './app/main.js', 'webpack-dev-server/client?http://localhost:8080' ], output: { publicPath: '/', filename: 'dist/main.js' }, debug: true, devt..

동일한 페이지/루트에 동일한 재사용 가능한 레덕스 반응 컴포넌트의 여러 인스턴스가 있는 경우 대규모 프런트 엔드 애플리케이션을 만들고 있습니다. React-Redux를 사용하고 있습니다. 재사용 가능한 컴포넌트를 만들고 있습니다. 이 질문은 동일한 페이지/경로에 동일한 재사용 가능한 Redux 컴포넌트의 여러 인스턴스가 반응하는 것에 관한 것입니다. 문제 상세: Sectionheader상태에 수 .환원 상태가 될 수밖에 없습니다. 속성 (reducer)를 .SectionheaderReducer. 2개의 Sectionheader페이지에는, 같은 스토어 상태 표시에 바인드 되어 있는 것과 같은 값이 표시되는 경향이 있습니다. 리덕스 기반의 재사용 가능한 반응 컴포넌트를 구성 가능하게 하는 방법은 무엇입니까?..

Redx Reducer 내부의 상태에 액세스하는 방법 리듀서를 가지고 있습니다.새로운 상태를 계산하려면 액션의 데이터와 이 리듀서가 관리하지 않는 상태의 데이터가 필요합니다.에서는, 「」, 「」, 「」, 「」에 액세스 할 필요가 .accountDetails.stateOfResidenceIdsyslog.syslog.syslog. initialState.js: export default { accountDetails: { stateOfResidenceId: '', accountType: '', accountNumber: '', product: '' }, forms: { blueprints: [ ] } }; formsReducer.js: import * as types from '../constants/act..

리액트 스위칭 다이내믹세그먼트가 액세스하면 크래시 다음과 같은 루트 설정이 있습니다(관련성이 있다고 생각되는 부분만 표시). var React = require('react'); var Router = require('react-router'); var { Route, DefaultRoute, NotFoundRoute } = Router; var routes = ( ); Router.run(routes, Router.HistoryLocation, function (Handler) { React.render(, document.getElementById('application')); }); Settings react 파일에는 다음과 같은 항목이 있습니다. var Settings = React.createC..

App() vs 클래스 App은 App.js 파일에서 컴포넌트를 확장합니다. 리액트(https://www.youtube.com/watch?v=sBws8MSXN7A - 2019년 1월 3일)에 대한 튜토리얼을 팔로우하고 있으며, 다음과 같이 리액트 앱을 만들었습니다.npx create-react-app *app_name* . 。App.jsfile 이 명령어가 튜토리얼을 제공하는 사람을 위해 생성된 명령어와 다릅니다.그 이후로 리액트가 바뀌었습니까, 아니면 잘못 다운로드 했을 가능성이 있습니까? ★★★App.js: import React from 'react'; import logo from './logo.svg'; import './App.css'; function App() { return ( Edit ..

ImperativeHandle, useLayoutEffect 및 useDebugValue를 사용하는 경우 는 왜 과 같은 것들이 있는지 할 수 없다.useImperativeHandle,useLayoutEffect , , , , 입니다.useDebugValue후크가 필요합니다.사용할 수 있는 예를 제시해 주세요만, 문서의 예는 제시하지 말아 주세요.이 답변의 선두에 이러한 훅은 거의 사용되지 않습니다.99%의 경우, 이것들은 필요 없습니다.이것들은, 극히 드문 코너 케이스의 시나리오만을 대상으로 하고 있습니다. useImperativeHandle 으로 '아예'를 사용하는 useRef.ref을 사용하다dom dom dom 、 DOM 、 DOM dom dom dom dom dom dom 。 useImperat..

한 페이지 어플리케이션이 필요한 이유는 무엇입니까? 여기서 무엇을 묻고 있는지 말하기 어렵다.이 질문은 모호하거나 모호하거나 불완전하거나 지나치게 광범위하거나 수사적이어서 현재 형태로는 합리적으로 대답할 수 없습니다.다시 열 수 있도록 이 질문을 명확히 해 주시기 바랍니다.헬프 센터를 방문합니다. 닫힘9년 전. 싱글 페이지 애플리케이션(SPA)이 도입되었습니다.또한 라우팅, 클라이언트 측 페이지 라이프 사이클, MVC 패턴, MVVM 패턴, MV* 패턴 등 많은 새로운 기능이 제공되며, AMD 패턴, Singleton, Passide 등 Javascript 패턴도 일부 제공됩니다. SPA 프레임워크와 라이브러리도 많이 개발되었습니다.우리는 인터넷에서 그것의 일부를 찾을 수 있다.AngularJs, Rea..

응답으로 버튼을 클릭할 때 새 탭에서 페이지를 여는 방법나도 그 페이지로 데이터를 보내고 싶다. 사용자가 버튼을 클릭하면 청구서를 작성할 수 있는 청구서 페이지를 작성하고 있습니다.API 콜을 호출하여 응답을 받은 후 페이지로 데이터를 보내고 싶습니다(Raised).Invoice.jsx)는 새로운 탭에서 열립니다.어떻게 하면 좋을까요?ReactJs의 버튼을 클릭해서 새로운 탭에서 페이지를 여는 방법이 이해가 되지 않습니다. Raise Invoice.jsx: import React from 'react'; import Links from './Links.jsx'; import history from './history.jsx'; import axios from 'axios'; class RaiseInvoi..

반응 - useState 초기값이 설정되지 않음 훅을 사용하기 위해 리팩터링을 하고 있는데 매우 혼란스러운 벽에 부딪혔어요. 다음과 같은 기본적인 기능 컴포넌트가 있습니다. export const MakeComponent = props => { const { path, value, info, update } = props; const [val, setVal] = useState(value); console.log(value, val); // abc undefined return (...) } 로그가 반환되다abc undefined- 즉,value소품에서 분명히 정의되어 있지만, 첫 번째 논쟁은 에서 돌아왔다.useState(value)이undefined 후크가 제대로 작동하는지 테스트하기 위해useSta..