如果你想一次做这一切，这是更多的建议，我会这样做：

@Composable
fun AppContent(
  viewModel: MyViewModel
) {
  val state by viewModel.uiState.collectAsState()
  MyPanel(
    state = MyViewModel,
    onValueChange = viewModel::onValueChange,
    onClickButton = viewModel::onClickButton
  )
}

@Composable
fun MyPanel(
  state: MyTextFieldState,
  onValueChange: (String) -> Unit,
  onClickButton: () -> Unit
) {
   TextField(
    value = state.text,
    onValueChange = onValueChange(it)
   )
   Button(
    onClick = { onClickButton() }
   ) {
    ...
   }
}

class MyViewModel: ViewModel() {
  private val _uiState = MutableStateFlow(MyUiState())
  val uiState = _uiState.asStateFlow()

  fun onValueChange(str: String) {
    _uiState.value = _uiState.value.copy(text = str)
  }

  fun onClickButton() {
    _uiState.value = _uiState.value.copy(text = "")
  }
}

data class MyUiState(
  val text: String = ""
)

上面的代码主要是提升TextField的状态，处理viewModel中的所有事情，用数据类 Package 一层UI状态，如果有其他的需求，也可以添加不同的参数，比如如果TextField有错误，可以写成：

data class MyUiState(
  val text: String = "",
  val isTextError: Boolean = false
)

onValueChange回调函数对于获取用户输入文本的最新状态非常有用，如果你想在（textFieldValue）的状态改变时触发一些动作，你可以使用像LaunchedEffect这样的副作用。
比如：

var textFieldValue by remember() {
    mutableStateOf(TextFieldValue("test" ))
}

LaunchedEffect(textFieldValue) {
    //doSomething()
}

BasicTextField(
    value = textFieldValue,
    onValueChange = {
        textFieldValue = it
    }
  )

OutlinedButton(
    onClick = { textFieldValue = textFieldValue.copy("") }
) {
    Text(text = "Button")
}