带有React Router Relay的GraphQL：预期类型Int，found数字路由的字符串-Java 学习之路

我使用react-router-relay包有以下路由器和路由

ReactDOM.render(
    <Router
        history={browserHistory}
        render={applyRouterMiddleware(useRelay)}
        environment={Relay.Store}
    >
            <Route
                path="/user/:userId"
                component={User}
                queries={StoreQueries}
            />   
    </Router>,
    document.getElementById('root')
);

来自GraphQL的我的StoreType如下所示，用户字段接受表示非空整数的id参数：

let StoreType = new GraphQLObjectType({
    name: 'Store',
    fields: () => ({
        user: {
            type: UserType,
            args: {
                id: {
                    type: new GraphQLNonNull(GraphQLInt)
                }
            },
            resolve: (root, args) => db.user.findById(args.id)
        },
    })
})

我的中继容器为 user/:userId 路线：

import React from 'react';
import Relay from 'react-relay'


class User extends React.Component {
    render () {
        return <div>
            User goes here!
        </div>;
    }
}

User = Relay.createContainer(User, {
    initialVariables: {
        userId: null,
    },

    fragments: {
        store: () => Relay.QL`
            fragment on Store {
                user(id: $userId) {
                    name
                }
            }
        `
    }
});

export default User;

当我在浏览器中访问/ user / 1时，react-router-relay将 :userId 视为路由而不是整数，而GraphQL返回JSON编码的错误消息 "Argument \"id\" has invalid value \"1\".\nExpected type \"Int\", found \"1\"."

有没有办法将URL中传递的userId参数转换为整数？或者是否有自定义GraphQL标量类型，它支持格式良好的数字字符串以及整数？任何意见或方向都表示赞赏 .

1 回答

我最近遇到了同样的问题并最终得到了这个解决方案：

<Route
            path="/user/:userId"
            component={User}
            queries={StoreQueries}
            prepareParams={({userId}) => ({userId: parseInt(userId, 10)})}/>
        />

回复于 2024-04-29T04:46:37+08:00

带有React Router Relay的GraphQL：预期类型Int，found数字路由的字符串

1 回答

相关问题