Definitelytyped: [@types/react]: React.Fragment์—๋Š” ๊ตฌ์„ฑ ๋˜๋Š” ํ˜ธ์ถœ ์„œ๋ช…์ด ์—†์Šต๋‹ˆ๋‹ค.

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

  • [x] @types/react ํŒจํ‚ค์ง€๋ฅผ ์‚ฌ์šฉํ•ด ๋ณด์•˜๋Š”๋ฐ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ–ˆ์Šต๋‹ˆ๋‹ค.
  • [x] ์•ˆ์ •์ ์ธ ์ตœ์‹  ๋ฒ„์ „์˜ tsc๋ฅผ ์‚ฌ์šฉํ•ด ๋ณด์•˜์Šต๋‹ˆ๋‹ค. https://www.npmjs.com/package/typescript
  • [x] StackOverflow ์— ์ ํ•ฉํ•˜์ง€ ์•Š์€ ์งˆ๋ฌธ์ด ์žˆ์Šต๋‹ˆ๋‹ค. (์ ์ ˆํ•œ ์งˆ๋ฌธ์ด ์žˆ์œผ๋ฉด ๊ฑฐ๊ธฐ์—์„œ ์งˆ๋ฌธํ•˜์‹ญ์‹œ์˜ค.)
  • [x] [๋ฉ˜์…˜](https://github.com/blog/821-mention-somebody-they-re-notified) ์ž‘์„ฑ์ž( Definitions by: in index.d.ts ) ๋Œ€๋‹ตํ•˜๋‹ค.

    • ์ €์ž: @uniqueiniquity , @tkrotoff , @vsiao ,

#21146 ์—์„œ React.Fragment ์˜ ์ ์ ˆํ•œ ์œ ํ˜•์— ๋Œ€ํ•œ ํ† ๋ก ์ด ์žˆ์—ˆ์ง€๋งŒ symbol | number ๊ฐ€ Fragment ๋Œ€ํ•œ ๋‚ด๋ถ€ React ์œ ํ˜•์„ ์ •ํ™•ํ•˜๊ฒŒ ๋ฐ˜์˜ํ•  ์ˆ˜ ์žˆ์ง€๋งŒ React.Fragment TSX ์š”์†Œ๋กœ ์‚ฌ์šฉ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

<React.Fragment> // error here: React.Fragment does not have any construct or call signatures
  <div>Child 1</div>
  <div>Child 2</div>
</React.Fragment>

<></> ๊ตฌ๋ฌธ์„ ์‚ฌ์šฉํ•˜์—ฌ ์กฐ๊ฐ์„ ๋ Œ๋”๋งํ•  ์ˆ˜ ์žˆ๋‹ค๋Š” ๊ฒƒ์„ ์•Œ๊ณ  ์žˆ์ง€๋งŒ React ๋ฌธ์„œ์—์„œ๋Š” ์ด๊ฒƒ์ด ๋‹จ์ˆœํžˆ <React.Fragment></React.Fragment> ๋กœ ์„คํƒ•์„ ์ œ๊ฑฐํ•˜๊ณ  ์ด๊ฒƒ์ด ์กฐ๊ฐ์— ํ‚ค๋ฅผ ์ถ”๊ฐ€ํ•˜๋Š” ์œ ์ผํ•œ ๋ฐฉ๋ฒ• ์ด๋ผ๊ณ  ๋งํ•ฉ๋‹ˆ๋‹ค.

๋”ฐ๋ผ์„œ, ๋‚˜๋Š”์˜ ์ข…๋ฅ˜ ์ƒ๊ฐ React.Fragment ๊ฐ€๊นŒ์ด์— ๋ญ”๊ฐ€๋ฅผ ๋ณ€๊ฒฝํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค React.ComponentType<{}> ๊ทธ๊ฒƒ์„ ์ค„ ๊ฒƒ์ด๋‹ค, key ๋ฐ children ์†Œํ’ˆ.

์‚ฌ๋žŒ๋“ค์ด ์ด ์ œ์•ˆ์— ๋™์˜ํ•˜๋ฉด PR์„ ์—ด ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

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

@uniqueiniquity ์ž˜

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

์žก์•„์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค, @jgoz!
์ปดํŒŒ์ผ๋Ÿฌ์˜ ๋™์ž‘์„ ํ•ดํ‚นํ•˜๊ธฐ ์œ„ํ•ด React.Fragment ์œ ํ˜•์„ ๋ณ€๊ฒฝํ•˜๋Š” ๊ฒƒ๋ณด๋‹ค TypeScript ์ธก์—์„œ ์ด๋ฅผ ์ˆ˜์ •ํ•˜๋Š” ๊ฒƒ์ด ๋” ๋‚˜์€ ์ ‘๊ทผ ๋ฐฉ์‹์ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
๋‚˜๋Š” ์ด๊ฒƒ์„ ์กฐ์‚ฌํ•˜๊ณ  ๊ทธ๊ฒƒ์ด ์ตœ์„ ์˜ ์ ‘๊ทผ ๋ฐฉ์‹์ธ์ง€ ํ™•์ธํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

@uniqueiniquity ์ž˜

@jgoz PR์„ ์—ฝ๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์—์„œ ์•ฝ๊ฐ„์˜ ํ† ๋ก ์„ ๋งˆ์นœ ํ›„์—๋Š” ๋‹น๋ถ„๊ฐ„ ์˜ฌ๋ฐ”๋ฅธ ์ ‘๊ทผ ๋ฐฉ์‹์„ ์ทจํ•œ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

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