Redux: ๊ธฐ๋Šฅ ์š”์ฒญ: autocurry bindActionCreators

์— ๋งŒ๋“  2017๋…„ 02์›” 22์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: reduxjs/redux

bindActionCreators (์ ์–ด๋„ React์—์„œ)์˜ ์ผ๋ฐ˜์ ์ธ ์‚ฌ์šฉ ์‚ฌ๋ก€๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.

const mapDispatchToProps = (dispatch) => bindActionCreators({
    myActionCreator,
    anotherActionCreator
}, dispatch);

ํ•จ์ˆ˜๊ฐ€ ์ž๋™ ์ปค๋ฆฌ ์ฒ˜๋ฆฌ๋œ ๊ฒฝ์šฐ(๋‘ ๊ฐœ์˜ ์ธ์ˆ˜๋กœ ํ˜ธ์ถœํ•  ์ˆ˜ ์žˆ์ง€๋งŒ ํ•˜๋‚˜์˜ ์ธ์ˆ˜๋กœ ํ˜ธ์ถœ๋œ ๊ฒฝ์šฐ ํ•จ์ˆ˜๋ฅผ ๋ฐ˜ํ™˜ํ•จ) ๋‹ค์Œ๊ณผ ๊ฐ™์ด ๋‹จ์ˆœํ™”๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

const mapDispatchToProps = bindActionCreators({
    myActionCreator,
    anotherActionCreator
});

์žฅ์ 

  • ๋” ๊ฐ„๋‹จํ•œ ํ˜ธ์ถœ ๊ตฌ๋ฌธ.
  • ์นด๋ ˆ์— ์ต์ˆ™ํ•œ ์‚ฌ๋žŒ๋“ค์„ ์œ„ํ•œ ์ง๊ด€์ ์ธ ๋™์ž‘.

๋‹จ์ 

  • ์•ฝ๊ฐ„ "๋งˆ๋ฒ• ๊ฐ™์€"(" dispatch ์€ ์–ด๋””์—์„œ ์™”์Šต๋‹ˆ๊นŒ??!!")
  • ๊ฐ™์€ ๊ฒƒ์„ ์“ฐ๋Š” ์—ฌ๋Ÿฌ ๊ฐ€์ง€ ๋ฐฉ๋ฒ•.
  • ๋ฌธ์„œํ™”ํ•˜๊ธฐ ์–ด๋ ต๊ฑฐ๋‚˜ ํ˜ผ๋ž€์Šค๋Ÿฌ์šธ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ์นด๋ ˆ์— ์ต์ˆ™ ํ•˜์ง€ ์•Š์€ ์‚ฌ๋žŒ๋“ค์—๊ฒŒ๋Š” ์ง๊ด€์ ์ด์ง€ ์•Š๊ฑฐ๋‚˜ ํ˜ผ๋ž€์Šค๋Ÿฝ์Šต๋‹ˆ๋‹ค.

์ด๊ฒƒ์ด ํƒ์ƒ‰ํ•  ๊ฐ€์น˜๊ฐ€ ์žˆ๋Š” ๊ฒƒ์ด๋ผ๋ฉด ์‹ค์ œ ๊ตฌํ˜„์ด ์–ด๋–ป๊ฒŒ ๋ณด์ด๋Š”์ง€ ๋ณผ ์ˆ˜ ์žˆ๋„๋ก pull ์š”์ฒญ์„ ์—ด์–ด ๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค.

๋ชจ๋“  3 ๋Œ“๊ธ€

์˜ˆ, PR์„ ํ•˜๊ณ  ๊ทธ ๋’ค์— ์žˆ๋Š” ์‹ค์ œ ์ฝ”๋“œ์™€ ํ•จ๊ป˜ ๋…ผ์˜ํ•ด ๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.

connect ๋Œ€ํ•œ ๊ฐ์ฒด ์•ฝ์–ด๊ฐ€ ์ด๋ฏธ ์žˆ๋‹ค๋Š” ์ ์„ ๊ฐ์•ˆํ•  ๋•Œ ์—ฌ๊ธฐ์—์„œ ์ •ํ™•ํ•œ ์‚ฌ์šฉ ์‚ฌ๋ก€๋ฅผ ๋ณผ ์ˆ˜ ์žˆ์„์ง€ ๋ชจ๋ฅด๊ฒ ์Šต๋‹ˆ๋‹ค.

@markerikson ์ข‹์€ ์ง€์ ์ž…๋‹ˆ๋‹ค.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰