使用react-router-relay访问要在查询中使用的url参数

Question

我正在使用react-router和react-router-relay在我的应用程序上处理路由。我在尝试访问传递到url路径中的id参数时遇到问题。执行此操作的正确方法是什么？

routes.js

import CreativeQuery from './CreativeQuery';

<Route path='/creative' component={CreativeComponent} queries={ViewerQuery}>
<Route path="/creative/edit/:id" component={CreativeEditComponent} queries={CreativeQuery}/>

CreativeQuery.js

import Relay from 'react-relay';

export default {
  creative: (Component) => Relay.QL`
    query {
      creative(id:$id) { #<--- id from the url param
        ${Component.getFragment('creative')}
      }
    }
  `
};

Answer 1

应该是这样简单的：

import Relay from 'react-relay';

export default {
  creative: () => Relay.QL`query { creative(id: $id)  }`
};

然后，您可以通过组件的this.props访问id。