Ant-design: Popconfirm ์†Œ๊ฐœ ๋ฐ ์ •์˜๋˜์ง€ ์•Š์€ ์˜ค๋ฅ˜์˜ 'className'๋ณด๊ณ 

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

๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•˜๋Š” ํ™˜๊ฒฝ์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.

  • antd ๋ฒ„์ „ : 2.4.3
  • ์šด์˜ ์ฒด์ œ ๋ฐ ๋ฒ„์ „ : win
  • ๋ธŒ๋ผ์šฐ์ € ๋ฐ ๋ฒ„์ „ : Google Chrome ๋ฒ„์ „ 54.0.2840.99m

๋ญ ํ–ˆ์–ด? ์žฌํ˜„ ํ•  ์ˆ˜ ์žˆ๋„๋ก ๊ฐ€๋Šฅํ•œ ํ•œ ์ž์„ธํ•œ ๋‹จ๊ณ„๋ฅผ ์ œ๊ณตํ•˜์„ธ์š”.

antd์˜ Popconfirm ์†Œ๊ฐœ

์˜ค๋ฅ˜ Uncaught TypeError : ์ •์˜๋˜์ง€ ์•Š์€ 'className'์†์„ฑ์„ ์ฝ์„ ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

์ด ๊ตฌ์„ฑ ์š”์†Œ๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ์•Š์œผ๋ฉด ์ฝ”๋“œ๊ฐ€ ์ •์ƒ์ž…๋‹ˆ๋‹ค.

์•„๋ž˜์™€ ๊ฐ™์ด ์ฝ”๋“œ ์‡ผ

const ์—ด = [
{title : 'nickname', dataIndex : 'nickName', key : 'nickName'},
{title : 'login name', dataIndex : 'loginName', key : 'loginName'},
{title : 'name', dataIndex : 'name', key : 'name', render : (text) => {text} },
{title : 'operation', dataIndex : '', key : 'operation', render : (text) => (


ํŽธ์ง‘ํ•˜๋‹ค
onConfirm = {() => Message.success ( "์‚ญ์ œ๋ฅผ ํ™•์ธํ•˜๋ ค๋ฉด ํด๋ฆญ")}
okText = "์˜ˆ"
cancelText = "์•„๋‹ˆ์š”"

์ง€์šฐ๋‹ค


)}
];
help wanted

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

์ ์‘ ๋ ˆ์ด์–ด๊ฐ€ ๋  ์ˆ˜์žˆ๋Š” ๊ฒƒ์ฒ˜๋Ÿผ ๋Š๊ปด์ง‘๋‹ˆ๋‹ค. children ์ด ReactElement๊ฐ€ ์•„๋‹ˆ๋ฉด span ํƒœ๊ทธ๋ฅผ ์ž๋™์œผ๋กœ ๋ž˜ํ•‘ํ•ฉ๋‹ˆ๋‹ค.

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

์šฐ๋ฆฌ๋ฅผ ์œ„ํ•ด ๊ทธ๊ฒƒ์„ ์žฌํ˜„ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ http://codepen.io/benjycui/pen/KgPZrE?editors=001

<Popconfirm>
-  ๅˆ ้™ค
+  <span>ๅˆ ้™ค</span>
</Popconfirm>

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

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

์ ์‘ ๋ ˆ์ด์–ด๊ฐ€ ๋  ์ˆ˜์žˆ๋Š” ๊ฒƒ์ฒ˜๋Ÿผ ๋Š๊ปด์ง‘๋‹ˆ๋‹ค. children ์ด ReactElement๊ฐ€ ์•„๋‹ˆ๋ฉด span ํƒœ๊ทธ๋ฅผ ์ž๋™์œผ๋กœ ๋ž˜ํ•‘ํ•ฉ๋‹ˆ๋‹ค.

antd ๋ ˆ์ด์–ด์—์„œ ์ ์‘์„ ์ˆ˜ํ–‰ํ•˜์‹ญ์‹œ์˜ค.

Dropdown ์™€ ์œ ์‚ฌํ•œ ๋ฌธ์ œ๊ฐ€์žˆ๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

Dropdown๊ณผ ๋น„์Šทํ•œ ๋ฌธ์ œ๊ฐ€ ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

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