javascript - 如何在继电器现代中设置初始变量？

Question

在 learnrelay.org 上开始中继，从教程中设置初始变量的代码 https://www.learnrelay.org/queries/variables/是这样的:

export default Relay.createContainer(
  ListPage,
  {
    initialVariables: {
      sortOrder: 'id_DESC'
    },
    fragments: {
      viewer: () => Relay.QL`
        fragment on Viewer {
          allPokemons (first: 1000, orderBy: $sortOrder) {

我们通常在relay classic中像这样分配变量，但是这段代码在relay Modern中会抛出错误，我不知道为什么？

export default createPaginationContainer(TodoList,
  initialVariables: {
    first: 10,
  }, 
  fragments: {
  viewer: graphql`
    fragment TodoList_viewer on User {
      todos( # we need to expose todos on user so we can check if todo text already exist and sync in database 
        first: $first 
      ) @connection(key: "TodoList_todos") { #assign a key of connection that can be used shared updater

Answer 1

您不能在 Relay Modern 中使用 initialVariables - see this link in the docs 。 请注意，到目前为止，从这些功能迁移的文档非常简短。

如果您现在正在处理此问题，有一个 pending update到RefetchContainer documentation这展示了如何根据变量正确获取和重新获取 View 。

如果您仅使用变量进行分页，check out PaginationContainer .