如何将React Hooks的usePolymerAction抽象代码结构设计理念转化为一个长尾关键词？

本文共计2113个文字，预计阅读时间需要9分钟。

目录+背景+设计理念+抽象代码结构+声明与定义+用法+高级用法+/合并action+API+useSetState+getAction+polymerAction+usePolymerActionState+mergePolymerAction+背景+随React Hooks+普遍与起源，组件逻辑编写方式

目录

• 背景
• 设计理念
• 抽象代码结构
• 声明与定义
• 用法
• 高级用法
• 拆分/合并action
• API
• useSetState
• getAction
• polymerAction
• usePolymerActionState
• mergePolymerAction

背景

随着React Hooks 普及起来，组件逻辑写法变成函数式；逻辑函数声明、函数代码结构，随着逻辑增加复杂，代码组织混乱，函数声明散乱；

最关键的一点，每个人对代码理解不一样，有的喜欢在一个function写大段逻辑，有的喜欢拆分逻辑很细，

就会使在项目维护时，代码风格、代码结构，越来越不统一，难以维护。