代码之家  ›  专栏  ›  技术社区  ›  SharpCode

动态响应创建路由

  •  1
  • SharpCode  · 技术社区  · 7 年前

    首先,在一个页面上可能有两个组件吗?第一个组件显示简单的静态标记,但在我的父对象中的第二个组件将是一个div,它为数组中的每个项目显示一个链接,如果单击div底部的链接,那么将为每个项目显示数据?

    如果这是可能的,那么动态道具就和表演一样简单。在元素内部绘制地图并打印出路线?

    import React, { Component } from 'react';
    import { Router, Route, IndexRoute, hashHistory } from "react-router";
    
    class DetailsComponent extends Component {
      render() {
        return (
          <Router history={hashHistory}>
           // in here will map this.props.data and for each one print a route
           // the component for that route will be a DetailedViewComponent that
           // that takes in the data in the props and renders it
           // so i might need a link? in this render method aswell?
          </Router>
        );
      }
    }
    
    export default DetailsComponent ;
    
    2 回复  |  直到 7 年前
        1
  •  3
  •   Arman Charan    5 年前

    React Router match 参数可用于动态呈现内容

    即。 <Route path="/dynamicroute/:id" component={DynamicComponent}/> 将提供 id props.match.params 在…内 <DynamicComponent/>

        2
  •  -1
  •   SharpCode    7 年前

    与一些更高级的react开发者交谈,他们说我想要的是 npm package Component-Router 我还没有回到项目上,但将张贴完整的代码一旦完成:)