javascript 中多个嵌套连接和 graphql 调用的干净格式是什么？

Question

我正在寻找有关如何清晰地格式化多个嵌套连接和 graphql 语句以提高可读性和易于输入的建议。如您所见，包装每个调用看起来很笨拙。当您有多个嵌套的 connect/graphql 语句时，是否有建议的 shortcut/trick/formatting？

connect(mapStateToProps, mapDispatchToProps)(graphql(signinUserGql, {name: 'signIn'})(graphql(registerUserGql, {name:'register'})(LoginScreen)));

Answer 1

有几种在线 Javascript 代码格式化工具。他们似乎都在推荐这个：

connect(mapStateToProps, mapDispatchToProps)(graphql(signinUserGql, {
    name: 'signIn'
})(graphql(registerUserGql, {
    name: 'register'
})(LoginScreen)));

http://jsbeautifier.org/
http://www.danstools.com/javascript-beautify/

Answer 2

这太主观了，但我喜欢：

connect(mapStateToProps, mapDispatchToProps)(
  graphql(signinUserGql, {name: 'signIn'})(
    graphql(registerUserGql, {name:'register'})(LoginScreen)
  )
);

对我来说，我可以清楚地看到 graphql 个调用和每个调用的参数。

javascript 中多个嵌套连接和 graphql 调用的干净格式是什么？

What's a clean formatting for multiple nested connect and graphql calls in javascript?

javascript

apollo-client