Dva: routerRedux.push๋Š” ๋ฐฐ์—ด ๋งค๊ฐœ ๋ณ€์ˆ˜๋ฅผ ์–ด๋–ป๊ฒŒ ์ „๋‹ฌํ•ฉ๋‹ˆ๊นŒ?

์— ๋งŒ๋“  2017๋…„ 08์›” 13์ผ  ยท  2์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: dvajs/dva

dispatch(routerRedux.push({ pathname: location.pathname, query: { ...value, searchTags:tags, page: 1, pageSize, }, }))
์—ฌ๊ธฐ์„œ searchTags๋Š” ๋ฐฐ์—ด์ด์ง€๋งŒ ์œ„์˜ ์“ฐ๊ธฐ ๋ฐฉ๋ฒ•์œผ๋กœ๋Š” ๊ฒฐ๊ณผ๋ฅผ ์ œ๋Œ€๋กœ ์–ป์„ ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. URL์˜ ๋งค๊ฐœ ๋ณ€์ˆ˜๋Š” searchTags = XXX๋กœ ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค. url ๋งค๊ฐœ ๋ณ€์ˆ˜๋ฅผ searchTags [] = XXX๋กœ ๋ณ€๊ฒฝํ•˜๋ฉด ์˜ฌ๋ฐ”๋ฅธ ๊ฒฐ๊ณผ๋ฅผ ์–ป์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ฟผ๋ฆฌ์—์„œ ๋ฐฐ์—ด ๋งค๊ฐœ ๋ณ€์ˆ˜ ์ •์˜ What?searchTags [] : tags๋กœ ๋ณ€๊ฒฝํ•˜๋ ค๊ณ ํ–ˆ์ง€๋งŒ ํ”„๋กœ๊ทธ๋žจ์—์„œ ์˜ค๋ฅ˜๋ฅผ๋ณด๊ณ ํ–ˆ์Šต๋‹ˆ๋‹ค.

question

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

์•ˆ๋…•ํ•˜์„ธ์š”.
์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค

// ่ทณ่ฝฌ
this.props.dispatch(routerRedux.push({
  pathname: '',
  state: { searchTags: [] },
}));
// ่Žทๅ–
this.props.location.state;

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

์†Œ์Šค ์ฝ”๋“œ๋ฅผ ๋ณด๋ฉด query-string์œผ๋กœ ์ด์Šค์ผ€์ดํ”„๋˜์ง€๋งŒ ๋ฐฐ์—ด์ด ์ง€์›๋˜๋Š”์ง€ ์—ฌ๋ถ€๋Š” ๋ช…ํ™•ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. https://github.com/ReactTraining/history/blob/44bc923/modules/useQueries.js#L9 -L11

์ฟผ๋ฆฌ ๋ฌธ์ž์—ด์„ ์‚ฌ์šฉํ•˜์—ฌ ์ง์ ‘ ๋‹ค์‹œ ๊ฒŒ์‹œ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์•ˆ๋…•ํ•˜์„ธ์š”.
์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค

// ่ทณ่ฝฌ
this.props.dispatch(routerRedux.push({
  pathname: '',
  state: { searchTags: [] },
}));
// ่Žทๅ–
this.props.location.state;
์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰