Composable因过多回调参数臃肿，如何借鉴React useReducer优化？

针对你当前Composable因多个onPress参数导致臃肿的问题，可以参考React useReducer的思路，通过密封类定义动作类型+单一回调参数的方式简化，具体步骤如下：

1. 定义动作类型密封类 #

用密封类统一封装所有按钮的动作，让每个按钮的点击动作都对应一个明确的类型：

sealed class MyAction {
    object Press1 : MyAction()
    object Press2 : MyAction()
    object Press3 : MyAction()
    object Press4 : MyAction()
    object Press5 : MyAction()
}

2. 修改目标Composable的参数 #

将原来的5个onPress参数替换为一个接收MyAction的回调函数，内部按钮点击时触发对应的动作：

@Composable
fun MyComposable(
    onAction: (MyAction) -> Unit
) {
    Button(onClick = { onAction(MyAction.Press1) }) { Text(text = "Press 1") }
    Button(onClick = { onAction(MyAction.Press2) }) { Text(text = "Press 2") }
    Button(onClick = { onAction(MyAction.Press3) }) { Text(text = "Press 3") }
    Button(onClick = { onAction(MyAction.Press4) }) { Text(text = "Press 4") }
    Button(onClick = { onAction(MyAction.Press5) }) { Text(text = "Press 5") }
}

3. 父组件中集中处理动作 #

在调用MyComposable的父组件中，通过when表达式集中处理每个动作的逻辑，实现类似reducer的集中状态/逻辑管理：

@Composable
fun ParentComposable() {
    MyComposable(onAction = { action ->
        when (action) {
            MyAction.Press1 -> { /* 执行Press1对应的业务逻辑 */ }
            MyAction.Press2 -> { /* 执行Press2对应的业务逻辑 */ }
            MyAction.Press3 -> { /* 执行Press3对应的业务逻辑 */ }
            MyAction.Press4 -> { /* 执行Press4对应的业务逻辑 */ }
            MyAction.Press5 -> { /* 执行Press5对应的业务逻辑 */ }
        }
    })
}

4. 结合状态管理实现完整reducer模式 #

如果需要管理状态，可以定义reducer函数处理状态更新，配合remember维护状态：

定义状态和reducer函数 #

data class MyState(val lastPressed: String = "未点击任何按钮")

fun myReducer(state: MyState, action: MyAction): MyState {
    return when (action) {
        MyAction.Press1 -> state.copy(lastPressed = "最后点击了按钮1")
        MyAction.Press2 -> state.copy(lastPressed = "最后点击了按钮2")
        MyAction.Press3 -> state.copy(lastPressed = "最后点击了按钮3")
        MyAction.Press4 -> state.copy(lastPressed = "最后点击了按钮4")
        MyAction.Press5 -> state.copy(lastPressed = "最后点击了按钮5")
    }
}

父组件中使用状态和dispatch #

@Composable
fun ParentComposable() {
    var state by remember { mutableStateOf(MyState()) }
    val dispatch: (MyAction) -> Unit = { action ->
        state = myReducer(state, action)
    }

    MyComposable(onAction = dispatch)
    Text(text = state.lastPressed)
}

这种方式不仅简化了子组件的参数列表，还能将所有动作逻辑集中管理，后续新增按钮时只需扩展MyAction和对应的reducer处理即可，维护性更强。

内容的提问来源于stack exchange，提问作者Hyzam