React 函数起名有啥好方案吗?

2019-01-08 13:25:22 +08:00
 FaiChou

场景:

一个 Component 里, 点击按钮提交更改地址, 此时:

  1. 网络请求的函数名: changeAddress()
  2. redux 的 action: changeAddress()
  3. 本地按钮点击的响应函数: this.changeAddress()
  4. 如果用了 saga: function* changeAddress()

像这种场景挺多的, 每次都要花点时间来避免函数名重复导致别人 /甚至自己的误解.

有什么好的起名方案吗?

比如网络请求的函数统一加前缀 fetch? fetchChangeAddress .. 感觉不太好.

component 里的函数统一添加前缀 _ ? _changeAddress ?

2283 次点击
所在节点    React
4 条回复
GDC
2019-01-08 13:46:07 +08:00
点击事件我一般加上 on 比如 onChangeAddress，
网络请求一般是分开写，封装在 http 或 api 封装中，如果当前组建也要写，那会写 requestChangeAddress 之类的…
FaiChou
2019-01-08 14:02:25 +08:00
@GDC redux 的 action 呢? changeStoreAddress?
TheXuYu
2019-01-12 17:49:39 +08:00
可以这样写：
1. 网络请求的函数名: service.changeAddress()
2. redux 的 action: CHANGE_ADDRESS()
3. 本地按钮点击的响应函数: this.onChangeAddress() / this.handleChangeAddress()
4. 如果用了 saga: function* asyncChangeAddress()
FaiChou
2019-01-12 17:50:58 +08:00
@TheXuYu 好的谢谢, 可以参考下

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://tanronggui.xyz/t/524955

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX