文章/答案/技术大牛

发布

社区首页 >问答首页 >为什么我的组件不使用react显示？

问为什么我的组件不使用react显示？
EN

Stack Overflow用户

提问于 2017-07-22 02:54:31

回答 2查看 48关注 0票数 0

我正在尝试显示一个react-component .I，添加了一些路由mechanism .but，它没有显示我的组件。这是我的密码

https://codesandbox.io/s/WnJl4DKOJ

import React from 'react';
import {Route} from 'react-router-dom';
import Hello from '../Hello';

const Routers = ()=> (
    <Route exact path="/" component={Hello}></Route>
)

export default Routers;

Index.js

import React from 'react';
import { render } from 'react-dom';
import {Router } from 'react-router-dom';
import createHistory from 'history/createBrowserHistory';
import Routers from './router/router';

const history = createHistory();


render(
      <Router routes={Routers} history={history}></Router>

  , document.getElementById('root'));

react-router

react-redux

reactjs

react-native

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-07-22 03:11:06

您没有正确地使用<Router />。让你的<Routers />成为<Router />的孩子。

在您的示例中，将<Router routes={Routers} history={history}></Router>更改为：

<Router history={history}>
    <Routers />
</Router>

票数 1

Stack Overflow用户

发布于 2017-07-22 09:52:57

<Router/>提供了路由所需的上下文。

您需要将代码修改为

import React from 'react';
import {Route} from 'react-router-dom';
import Hello from '../Hello';

const Routers = ()=> (
    <Router>
        <Route exact path="/" component={Hello}/>
    </Router>
)

export default Routers;

index.js

import React from 'react';
import { render } from 'react-dom';
import {Router } from 'react-router-dom';
import createHistory from 'history/createBrowserHistory';
import Routers from './router/router';

const history = createHistory();


render(<Routers history={history}/>, document.getElementById('root'));

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/45250195

复制

相似问题

问为什么我的组件不使用react显示？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么我的组件不使用react显示？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么我的组件不使用react显示？
EN