Jetpack Compose：为组件列表参数创建状态的正确语法（解决空列表问题）

你的代码运行后得到空列表，大概率是两个原因之一：要么父组件首次传入的menuItems本身就是空的；要么后续父组件传入了新的非空列表，但因为remember没监听参数变化，状态还停留在初始的空值上。

下面是几种符合需求的正确写法：

1. 状态与传入参数同步，且允许本地修改 #

如果希望当父组件更新menuItems时，本地状态也同步刷新，同时支持本地增删改列表元素，用mutableStateListOf配合带key的remember：

fun Component(menuItems: List<Item>) {
    val list = remember(menuItems) {
        mutableStateListOf<Item>().apply { addAll(menuItems) }
    }
    
    // 示例：本地修改列表，会自动触发重组
    // list.add(Item("新增项"))
}

mutableStateListOf是Compose提供的可观察列表，修改元素（add/remove/clear等）会直接触发重组，无需重新赋值整个列表。remember(menuItems)保证每次menuItems变化时，都会重新初始化状态列表。

2. 状态仅初始化一次，不受后续参数影响 #

如果只需要用初始传入的menuItems初始化状态，后续父组件更新参数不影响本地状态，去掉remember的key即可：

fun Component(menuItems: List<Item>) {
    val list = remember {
        mutableStateListOf<Item>().apply { addAll(menuItems) }
    }
}

3. 用普通mutableStateOf包裹列表（适合仅需整体替换的场景） #

如果不需要本地修改单个元素，只需要整体替换列表，可以用mutableStateOf，但同样要注意监听参数变化：

fun Component(menuItems: List<Item>) {
    var list by remember(menuItems) { mutableStateOf(menuItems) }
    
    // 示例：整体替换列表
    // list = list + Item("新增项")
}

这种方式下，只有当list的引用发生变化时才会触发重组，所以修改单个元素需要重新生成整个列表。

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