Action Shorthand Notation - seowonintech/react-native-todo-list GitHub Wiki

์งˆ๋ฌธ์‚ฌํ•ญ

์™œ VisibleTodoList.js์—์„œ toggleTodo์—๋Š” dispatch๋ฅผ ์ ์šฉํ•˜์ง€ ์•Š์•˜์„๊นŒ? ๋‹ค๋ฅธ action๋“ค์—์„œ๋Š” ๋ชจ๋‘ dispatch๋ฅผ ์ผ๋Š”๋ฐ....

์งˆ๋ฌธ์‚ฌํ•ญ์˜ ๋‹ต๋ณ€

์•„๋ž˜ ๋งํฌ์—์„œ ์„ค๋ช…์„ ์ž˜ ๋ณผ ์ˆ˜ ์žˆ์Œ. ์•„๋ž˜ ์‚ฌ์ดํŠธ์— ์ƒ๊ฐ๋ณด๋‹ค ์ข‹์€ ํŒ์ด ๋งŽ์Œ. ์‹œ๊ฐ„๋‚˜๋ฉด ๊ผญ ์ฝ์–ด๋ณผ ํ•„์š”๊ฐ€ ์žˆ์„ ๋“ฏ.
mapDispatchToProps shorthand notation

์š”์•ฝ

mapDispatchToProps์—์„œ ์—ฐ๊ฒฐํ•˜๋ ค๋Š” ํ•จ์ˆ˜์™€ actions์— ์žˆ๋Š” ํ•จ์ˆ˜์˜ Parameter๊ฐ€ ์ •ํ™•ํ•˜๊ฒŒ ์ผ์น˜ํ•˜๋ฉด ํ•ด๋‹น ๋ฐฉ๋ฒ•์œผ๋กœ ์ƒ๋žต์ด ๊ฐ€๋Šฅํ•จ.

์ €๊ฑธ ์‚ด์ง ํ‹€์–ด์“ฐ๋ฉด github์— ์žˆ๋Š” ์ฝ”๋“œ๊ฐ€ ๋˜๋Š” ๊ฒƒ์ž„.

Before

const mapDispatchToProps = (dispatch) => ({
  onTodoClick(id) {
    dispatch(toggleTodo(id));
  },
});

const VisibleTodoList = withRouter(connect(
  mapStateToProps,
  mapDispatchToProps
)(TodoList));

After

const VisibleTodoList = withRouter(connect(
  mapStateToProps,
  { onTodoClick: toggleTodo }
)(TodoList));
โš ๏ธ **GitHub.com Fallback** โš ๏ธ