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

Question

我正在寻找有关如何干净地格式化多个嵌套的 connect 和 graphql 语句以提高可读性和易于键入的建议。如您所见，包装每个调用看起来非常笨拙。当您有多个嵌套的 connect/graphql 语句时，是否有建议的快捷方式/技巧/格式？

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

Answer 1

这太主观了，但我喜欢：

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

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

Answer 2

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

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

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