react - input 처리, 부모 state 갱신

input 으로 입력 받은 값에 대해 처리하는 방법. 여러개의 input에 대해서도 동일한 핸들러에서 구분해서 처리가능. 객체 만들때 { name: 'kim'} 처럼 하는데 { [name]: 'kim'} 처럼 하면 name 의 값이 title 이라면 결국 { title: 'kim'} 처럼 된다. ( https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Object_initializer#Computed_property_names class App extends Component { state = { name: '', phone: '', } handleChange = (e) => { this.setState({ [e.target.name]: e.target.value // [] 을 사용하면 그 값이 key 가 된다. }) } render() { return ( <form> <input placeholder...

원문링크 : react - input 처리, 부모 state 갱신