function deleteAll() { localStorage.removeItem('todos') while(todoList.childElementCount !== 0 ){ todoList.removeChild(todoList.firstChild) } } allDelete.onclick= deleteAll

이벤트 리스너 addeventlistener와 Onclick 이런것은 같음 class 2개 주고 싶으면 뛰어쓰기 하면 된다 주석된 코드가 toggle 함수 하나로 구현된다 classList.add와 remove로 응용하기

state = { v: "" }; _changeText = v => { this.setState({ v }); }; clear = () => { this.textInputRef.clear(); } render() { return ( this.textInputRef = ref} value={this.state.v} onChangeText={this._changeText} /> ); }

handlePhone = (event) => { let phNum = event.nativeEvent.text; if (phNum.length === 10) { this.setState({ phone: ${phNum.replace(/(\d{3})(\d{3})(\d{4})/, "$1-$2-$3")}, }); return; } if (phNum.length === 13) { this.setState({ phone: ${phNum .replace(/-/g, "") .replace(/(\d{3})(\d{4})(\d{4})/, "$1-$2-$3")}, }); return; } return this.setState({ phone: phNum }); }; 출처: https://velog.io/@seob/React-j..