상태 끌어올리기

상태 끌어올리기는, UI를 Stateless 로 만들기 위해 State 를 계층 위로 옮기는 패턴을 말한다.

즉, 자신의 상태를 외부에 맡기는 것을 말한다.
UI 컴포넌트는 자신의 상태를 직접 소유하거나 관리하지 않는다.
상태는 상위 컴포넌트에 의해 제어되며, 필요에 따라 하위 컴포넌트로 전달된다.
하위 컴포넌트는 상태를 받아서 렌더링만하며, 상태를 변경하는 로직은 상위 컴포넌트에서 처리하게 된다. (단방향 데이터 흐름)

이 패턴을 컴포저블에 사용할때 다음과 같은 파라미터를 주로 사용한다.

value: T (표시할 현재 값)
onValueChange: (T) → Unit (값을 변경하도록 하는 이벤트)

TextFieldWithTitle 컴포즈 (Stateless)

@Composable
fun KotlinWorldScreen() {
		var text by rememberSaveable{ mutableStateOf("") }
		TextFieldWithTitle(title = "title", text = text, onTextValueChange = { text = it })
}

**// 자신의 상태를 외부에 맡김 (state less)**
@Composable
fun TextFieldWithTitle(
			title: String, 
			text: String, 
			onTextValueChange: (String) -> Unit
) {
		Column(modifier = Modifier.padding(16.dp)) {
				Text(
						text = title,
						modifier = Modifier.padding(bottom = 12.dp),
						style = MatherialTheme.typography.h6
				)
				OutlinedTextField(
						value = text,
						onValueChange = onTextValueChange
				)
		}
}