-
Arrow Function 을 다시 알기JavaScript 2023. 11. 26. 12:58
전달하는 인자값과 호출하는 것이 같으니까 그냥 함수의 참조값만 전달해줘도 된다.
그게 더 깔끔하다.
아래 코드에서 onFilterChange에 대한 부분을 보도록 하자!
Before)
const filters = ['all', 'active', 'completed']; function App() { const [filter, setFilter] = useState(filters[0]); return ( <div> <Header filters={filters} filter={filter} onFilterChange={(filter) => setFilter(filter)} /> <TodoList /> </div> ); }
After)
const filters = ['all', 'active', 'completed']; function App() { const [filter, setFilter] = useState(filters[0]); return ( <div> <Header filters={filters} filter={filter} onFilterChange={setFilter} /> <TodoList /> </div> ); }
'JavaScript' 카테고리의 다른 글
전역 변수의 사용을 억제하는 방법 (0) 2022.05.15 이상적인 함수는? (0) 2022.05.13 require가 뭐야? (0) 2022.04.04 Clean Coding (0) 2021.07.08 [JS] Script의 위치 (0) 2019.11.24