원본 홈 구성 요소를 표시하지 않고 새 구성 요소를 렌더링하려고합니다. 구성 요소를 분리했는데 렌더링하려고 할 때 표시되지 않습니다. class App extends Component {
render() {
return (
<div>
<Route exact={true} path="/" component={Home} />
</d
텍스트 파일을 변수로 읽어야합니다. 파일의 URL과 함께 가져 오기 명령을 사용했지만 내 nginx 웹 서버가 모든 쿼리를 React에 전달하도록 구성되어있어 작동하지 않았습니다. 그리고 React가 정적 파일을 제공하지 않거나 일부 경로를 정의해야 할 수도 있습니다. nginx 구성을 해킹하는 문제가 해결되었지만 해킹이 너무 많아서 React 라우팅이나
나는 홈 구성 요소가이 그것의 내부는 : {posts && posts.map(post => (
<div key={post.id}>
<Link to="/test">{post.title}</Link>
</div>
))}
<Route path="/test" component={Test} />
이 내 app.js 내가 그것을 클릭
프런트 엔드 프레임 워크에 대해 약간 혼란 스럽습니다. 나는 ng-route 또는 react-router을 사용하면 앱을 단일 페이지 응용 프로그램으로 만들 것이라고 읽었는데, ng-route/react-router을 사용하지 않고 서버 렌더링 용으로 표현을 사용하면 앱이 여전히 SPA으로 간주됩니까?
ReactJS에서 단일 페이지 응용 프로그램 (SPA)을 개발 중이며 로그인 페이지를 별도의 페이지에서 어떻게 가질 수 있는지 알고 싶습니다. 내 응용 프로그램의 기반으로 create-react-app를 사용하고, 나는 현재 App.js 파일 내 SPA에 대한 템플릿을 정의하고, 그리고 다른의 .js의 각 구성 요소 파일 : Page1.js, Page2.j
동일한 구성 요소를 렌더링하는 여러 경로가 있습니다. 경로에 따라 구성 요소가 다른 데이터를 가져 오길 원합니다. 그러나 동일한 구성 요소를 계속 렌더링하기 때문에 동일한 요소를 렌더링하는 다른 경로로 링크 태그 (레이아웃 구성 요소에있는 내비게이션 막대에서)를 클릭하면 React에서 DOM에 대한 변경 사항을 볼 수 없습니다. 구성 요소가 새 데이터로 다
그래서 나는이 간단한 상황이 실제 라우터 라우터 4에서 작동하도록 고심하고 있습니다. 기본적으로 구성 요소를 렌더링 할 사용자 데이터를 검색하는 데 사용되는 매개 변수가 있습니다. /:user. 나는 또한 /:user/:specificView처럼 렌더하는 페이지에 대해 좀 더 구체적인 뷰를 가지고 있습니다. 후자가 특정 뷰와 같은 일치하는 사용자를 놓치지
당신이 동적 경로를 만들 수 있다는 것을 이해 역동적 인 액션과 동적 경로 : <Route path="/:category" component={PostsContainer} /> class PostsContainer extends Component {
render() {
<p>{this.props.match.params.category}</
나는 React와 (과) 새로운입니다. react-router-dom을 사용하고 있습니다. import React from 'react';
import { Router, Route, Switch, Link } from 'react-router-dom';
import Home from './components/home';
import Login from
이 내 응용 프로그램에서 사용할 경로입니다 /topic/whatever
어디에서 할 수 있습니다 /
/topic/development
/topic/database
/topic/security
/pages/:page (:page can only be a number)
그들이 뭔가를 방문 할 때 나는 누구나 Not Found을 표시하는 문제가이