Ant-design: ๋‹จ์ผ ํ–‰์„ ํด๋ฆญํ•˜์—ฌ ํ…Œ์ด๋ธ”์— ๋ฐฐ๊ฒฝ์ƒ‰ ์ถ”๊ฐ€

์— ๋งŒ๋“  2016๋…„ 12์›” 05์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: ant-design/ant-design

ํ‘œ์˜ ์ฒซ ๋ฒˆ์งธ ํ–‰์„ ํด๋ฆญํ•˜๋ฉด ํ–‰์˜ ๋ฐฐ๊ฒฝ์ƒ‰์ด ํŒŒ๋ž€์ƒ‰์œผ๋กœ ํ‘œ์‹œ๋˜๋ฉฐ, ์˜ˆ๋ฅผ ๋“ค์–ด ๋‹ค์Œ์— ๋‘ ๋ฒˆ์งธ ํ–‰์„ ํด๋ฆญํ•˜๋ฉด ๋‘ ๋ฒˆ์งธ ํ–‰์˜ ๋ฐฐ๊ฒฝ์ƒ‰์ด ํŒŒ๋ž€์ƒ‰์œผ๋กœ, ์ฒซ ๋ฒˆ์งธ ํ–‰์˜ ๋ฐฐ๊ฒฝ์ƒ‰์ด ์ทจ์†Œ๋ฉ๋‹ˆ๋‹ค. ๋‚ด๊ฐ€ ์ด๊ฒƒ์„ ํ•ฉ๋‹ˆ๊นŒ? ์†Œ์Šค์ฝ”๋“œ๋ฅผ ํŠน์ • ์ค„๋กœ ์˜ฎ๊ธฐ๋ฉด ๋ฐฐ๊ฒฝ์ƒ‰์ด ์–ด๋–ป๊ฒŒ ๋ณ€ํ•˜๋Š”์ง€ ๋ชจ๋ฅด๊ฒ ๋‹ค๊ณ ์š”?

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

onRowClick ๋ ˆ์ฝ”๋“œ๋Š” ํ–‰์ด ํ•„์š”ํ•  ๋•Œ ๊ฐ•์กฐ ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค. rowClassName ์€ ํ•ด๋‹น ํ–‰์— className ๋”ํ•œ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

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

onRowClick ๋ ˆ์ฝ”๋“œ๋Š” ํ–‰์ด ํ•„์š”ํ•  ๋•Œ ๊ฐ•์กฐ ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค. rowClassName ์€ ํ•ด๋‹น ํ–‰์— className ๋”ํ•œ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

Ant Design ํŒ€์€ GitHub ๋ฌธ์ œ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ฒ„๊ทธ๋ฅผ ์ถ”์ ํ•˜๊ฑฐ๋‚˜ Ant Design์˜ ๊ณ„ํš์„ ๋…ผ์˜ํ•ฉ๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ ์—ฌ๊ธฐ์—์„œ ์‚ฌ์šฉ ์งˆ๋ฌธ์„ ํ•˜์ง€ ๋งˆ์‹ญ์‹œ์˜ค. Stack Overflow ๋˜๋Š” Segment Fault ์—์„œ ์งˆ๋ฌธ์„ ์‹œ๋„ํ•œ ๋‹ค์Œ antd ๋ฐ react ํƒœ๊ทธ๋ฅผ ์งˆ๋ฌธ์— ์ ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์งˆ๋ฌธํ•˜๊ธฐ ์ „์— ๋ฌธ์„œ ๋ฐ FAQ๋ฅผ ์ฝ๊ณ  ๋ฌธ์ œ ๋ฅผ ๊ฒ€์ƒ‰ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. THX!

๋˜‘๋˜‘ํ•œ ์งˆ๋ฌธ (ๆ้—ฎ็š„ๆ™บๆ…ง)์„ ์ฝ์œผ๋ฉด ๋” ์ข‹์„ ๊ฒƒ์ด๋‹ค.

@benjycui ๋‚ด๊ฐ€ ์„ ํƒํ•œ ํ–‰์„ ๊ฐ•์กฐ ํ‘œ์‹œํ•˜๊ณ  ์‹ถ์ง€๋งŒ rowSelection ํ•จ์ˆ˜์—์„œ ์ด๋ฒคํŠธ ๋Œ€์ƒ์„ ๊ฐ€์ ธ์˜ฌ ์ˆ˜ ์—†์Šต๋‹ˆ๋‹คใ€‚

rowClassName์ด ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค...

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