Jetpack Compose状态提升（Hoisting）问题：计数器功能异常求助

你的代码存在几个关键问题，导致状态提升逻辑失效：

1. 函数类型不匹配 #

simpleCounter的countHold参数定义为(Int)->Unit（接收Int参数、无返回值的函数），但你在chooseYourIncrease中传入的{count + 2}是无参数、返回Int的函数，两者类型完全不兼容，这是核心错误。

2. 点击事件未触发回调 #

Button的onClick代码块中仅引用了countHold，没有实际调用这个函数，点击按钮不会触发任何状态更新。

3. 状态值显示错误 #

你直接用$countHold显示文本，这会输出lambda函数对象的字符串表示，而非实际的计数器数值。

修复后的基础版本代码 #

父组件（持有状态） #

@Composable
fun chooseYourIncrease(){
    // 父组件持有计数器状态
    var count by remember { mutableStateOf(0) }
    
    // 向子组件传递当前状态值，以及修改状态的回调（固定每次加2）
    simpleCounter(
        currentCount = count,
        onIncrement = { count += 2 }
    )
}

子组件（无状态，仅接收数据与回调） #

@Composable
fun simpleCounter(
    // 接收父组件传递的当前计数器值
    currentCount: Int,
    // 接收父组件传递的状态修改回调
    onIncrement: () -> Unit,
    modifier: Modifier = Modifier
){
    Column(
        horizontalAlignment = Alignment.CenterHorizontally,
        modifier = modifier
    ){
        Text("Please press button to increase value", fontSize = 20.sp)

        Spacer(modifier = Modifier.height(20.dp))

        // 点击按钮时触发父组件的回调
        Button(onClick = onIncrement) {
            Text(text = "Press to increase")
        }

        Spacer(modifier = Modifier.height(20.dp))

        // 显示父组件传递的当前计数器值
        Text("The new value is $currentCount", fontSize = 20.sp)
    }
}

扩展：让子组件可设置增量值 #

如果要实现“子组件可设置每次点击的增量”，可以调整为子组件传递增量给父组件，由父组件更新状态：

扩展后的父组件 #

@Composable
fun chooseYourIncrease(){
    var count by remember { mutableStateOf(0) }
    
    simpleCounter(
        currentCount = count,
        onIncrement = { delta -> count += delta }
    )
}

扩展后的子组件 #

@Composable
fun simpleCounter(
    currentCount: Int,
    onIncrement: (Int) -> Unit,
    modifier: Modifier = Modifier
){
    // 子组件持有增量的局部状态（仅用于UI输入，无需提升）
    var increment by remember { mutableStateOf(2) }
    
    Column(
        horizontalAlignment = Alignment.CenterHorizontally,
        modifier = modifier.padding(16.dp)
    ){
        Text("Set increment value and press button", fontSize = 20.sp)

        Spacer(modifier = Modifier.height(20.dp))

        // 输入框让用户设置增量值
        TextField(
            value = increment.toString(),
            onValueChange = { input ->
                increment = input.toIntOrNull() ?: increment
            },
            label = { Text("Increment") }
        )

        Spacer(modifier = Modifier.height(20.dp))

        // 点击时将增量传递给父组件的回调
        Button(onClick = { onIncrement(increment) }) {
            Text(text = "Increase by $increment")
        }

        Spacer(modifier = Modifier.height(20.dp))

        Text("Current value: $currentCount", fontSize = 20.sp)
    }
}

内容的提问来源于stack exchange，提问作者M.Khalil