Jetpack Compose首次渲染正常，按钮点击后触发无限循环的原因咨询

先明确Compose的核心规则 #

Compose的重组由状态变化触发，但有个关键边界：只有当当前组合流程完全结束后，状态变化才会触发新重组；如果在重组过程中修改状态，会直接引发连锁的重组循环。

首次渲染为什么没触发循环？ #

首次进入MyComponent时，流程是这样的：

1. 通过remember初始化count = 0、count2 = 0；
2. 开始构建Column内的UI：
   • 先渲染ChildComponent(0)；
   • 执行count++，把count改成1；
   • 再渲染ChildComponent(1)；
   • 最后渲染绑定了点击事件的ChildComponent2(0)。
3. 此时属于初始组合阶段，Compose会优先完成整个UI树的构建，不会因为组合过程中的状态变化（count从0变1）中途打断并触发重组，所以首次渲染能正常完成，不会进入循环。

点击按钮后为什么无限循环？ #

点击按钮触发count2++后，逻辑就完全变了：

1. count2是remember维护的状态，它从0变1会触发MyComponent的重组（因为UI依赖这个状态）；
2. 重组时MyComponent会重新执行：
   • count的初始值是1（remember保存了上次组合结束后的状态）；
   • 先渲染ChildComponent(1)；
   • 执行count++，count变成2——这时候count作为MutableIntState，其值被修改会被Compose立即检测到；
   • 此时正处于重组阶段，组合流程还没完成，Compose检测到状态变化后，会立刻触发新一轮重组；
3. 新一轮重组再次执行MyComponent：count初始值变为2，执行count++变成3，又触发重组……如此往复，就形成了无限循环。

问题本质 #

你在MyComponent的组合执行过程中直接修改状态（count++），这属于Compose严格禁止的非法副作用。组合阶段只能做纯UI构建逻辑，状态修改应该放到事件回调、LaunchedEffect这类专门的副作用处理块中。

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