如何在jetpack compose中管理多个状态

val countState = remember { mutableStateOf(0) }
val textState = remember { mutableStateOf("") }

// 更新状态
countState.value++
textState.value = "New Text"

class MyViewModel : ViewModel() {
    private val _countState = mutableStateOf(0)
    val countState: State<Int> = _countState

    private val _textState = mutableStateOf("")
    val textState: State<String> = _textState

    fun updateCount() {
        _countState.value++
    }

    fun updateText(newText: String) {
        _textState.value = newText
    }
}

@Composable
fun MyScreen(viewModel: MyViewModel) {
    val countState = viewModel.countState.value
    val textState = viewModel.textState.value

    // 使用状态
    Text("Count: $countState")
    TextField(
        value = textState,
        onValueChange = { newText -> viewModel.updateText(newText) }
    )
}

@Composable
fun MyScreen() {
    val countState = remember { mutableStateOf(0) }
    val textState = remember { mutableStateOf("") }

    // 更新状态
    LaunchedEffect(Unit) {
        countState.value++
        textState.value = "New Text"
    }

    // 使用状态
    Text("Count: ${countState.value}")
    TextField(
        value = textState.value,
        onValueChange = { newText -> textState.value = newText }
    )
}