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) => (
ํธ์งํ๋ค
okText = "์"
cancelText = "์๋์"
์ง์ฐ๋ค
)}
];
์ฐ๋ฆฌ๋ฅผ ์ํด ๊ทธ๊ฒ์ ์ฌํ ํ ์ ์์ต๋๊น http://codepen.io/benjycui/pen/KgPZrE?editors=001
<Popconfirm>
- ๅ ้ค
+ <span>ๅ ้ค</span>
</Popconfirm>
๋ฌธ์ ๋ฅผ ์ด๊ธฐ ์ ์ ๋ฌธ์ ๋ฐ FAQ๋ฅผ ์ฝ๊ณ ๋ฌธ์ ๋ฅผ ๊ฒ์ํ์ญ์์ค. THX!
ํ๋ช ํ ์ง๋ฌธ (ๆ้ฎ ็ ๆบๆ ง)์ ์ฝ์ผ๋ฉด ๋ ์ข์ ๊ฒ์ ๋๋ค.
์ ์ ๋ ์ด์ด๊ฐ ๋ ์์๋ ๊ฒ์ฒ๋ผ ๋๊ปด์ง๋๋ค. children
์ด ReactElement๊ฐ ์๋๋ฉด span
ํ๊ทธ๋ฅผ ์๋์ผ๋ก ๋ํํฉ๋๋ค.
antd ๋ ์ด์ด์์ ์ ์์ ์ํํ์ญ์์ค.
Dropdown
์ ์ ์ฌํ ๋ฌธ์ ๊ฐ์๋ ๊ฒ ๊ฐ์ต๋๋ค.
Dropdown๊ณผ ๋น์ทํ ๋ฌธ์ ๊ฐ ์๋ค๊ณ ์๊ฐํฉ๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
์ ์ ๋ ์ด์ด๊ฐ ๋ ์์๋ ๊ฒ์ฒ๋ผ ๋๊ปด์ง๋๋ค.
children
์ด ReactElement๊ฐ ์๋๋ฉดspan
ํ๊ทธ๋ฅผ ์๋์ผ๋ก ๋ํํฉ๋๋ค.