Ant-design: labelCol์˜ ๋ชจ์–‘์— ๋Œ€ํ•œ PropTypes ColProp ๋ฐ ๊ทธ๋ฆฌ๋“œ์— ๋Œ€ํ•œ wrapperCol ์†Œํ’ˆ

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

์ด ๊ธฐ๋Šฅ์œผ๋กœ ํ•ด๊ฒฐ๋˜๋Š” ๋ฌธ์ œ๋Š” ๋ฌด์—‡์ž…๋‹ˆ๊นŒ?

์šฐ๋ฆฌ ํŒ€์€ PropTypes.object ์‚ฌ์šฉ์„ ํ—ˆ์šฉํ•˜์ง€ ์•Š๋Š” linter๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๋ชจ์–‘์ด ํ˜•์„ฑ ๋  ์ˆ˜์žˆ๋Š” ์—ฌ๋Ÿฌ ์ธ์Šคํ„ด์Šค๊ฐ€ ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ์ด๋Ÿฌํ•œ ํŠน์ • ์†Œํ’ˆ ( wrapperCol ๋ฐ labelCol )์— ๋Œ€ํ•ด ๊ฐ ํŒŒ์ผ์— ๋ชจ์–‘์„ ์ž‘์„ฑํ•˜๊ฑฐ๋‚˜ ๋ณต์‚ฌ / ๋ถ™์—ฌ ๋„ฃ๊ธฐ๋ฅผ ํ†ตํ•ด ์ง์ ‘ ์ƒ์„ฑํ•˜๋Š” ๊ฒƒ์„ ํ”ผํ•˜๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค. typescript ํŒŒ์ผ์—์„œ ์ˆ˜์ •ํ•ฉ๋‹ˆ๋‹ค. ๋‚˜๋Š” ์‰ฝ๊ฒŒ ๋งŒ๋“  ColProps๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๊ธฐ๋ฅผ ๋ฐ”๋ž์Šต๋‹ˆ๋‹ค. ์†Œ์Šค ์ฝ”๋“œ๋ฅผ ์‚ดํŽด๋ณธ ํ›„ ant-design/components/grid/col.tsx ์—์„œ ์‚ฌ์šฉํ•˜๊ธฐ์— ์™„๋ฒฝํ•˜์ง€๋งŒ ์šฐ๋ฆฌ ํŒ€์ด ๊ฐ€์ง€๊ณ ์žˆ๋Š” node_module ๋ฒ„์ „์—์„œ๋Š” ์‚ฌ์šฉํ•  ์ˆ˜์—†๋Š” ColProps ๊ฐœ์ฒด๊ฐ€ ์žˆ์Œ์„ ์•Œ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ColProps๋Š” ํ˜„์žฌ ๋ฒ„์ „์˜ ์–ด๋Š ๊ณณ์—์„œ๋‚˜ ์•ก์„ธ์Šค ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?

์ œ์•ˆ ๋œ API๋Š” ์–ด๋–ป๊ฒŒ ์ƒ๊ฒผ์Šต๋‹ˆ๊นŒ?

ColProps๋ฅผ ๋‹ค์Œ๊ณผ ๊ฐ™์€ ํ˜•์‹์œผ๋กœ ์‚ฌ์šฉํ•˜๋ฉด ์ข‹์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค.
```
'react'์—์„œ React ๊ฐ€์ ธ ์˜ค๊ธฐ;
'prop-types'์—์„œ PropTypes ๊ฐ€์ ธ ์˜ค๊ธฐ;
'antd'์—์„œ {Col} ๊ฐ€์ ธ ์˜ค๊ธฐ;

const ColProps = Col.PropShape;
const propTypes = {
๋ ˆ์ด์•„์›ƒ = PropTypes.shape ({
labelCol : ColProps,
wrapperCol : ColProps,
}),
};

help wanted

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

PR ํ™˜์˜ @richardjboothe

ํ•‘ ~

์ด๊ฒƒ์„ ์‹œ๋„ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

import { Col } from 'antd';

PropTypes.shape(Col.propTypes);
์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰