์ฐ๋ฆฌ ํ์ PropTypes.object
์ฌ์ฉ์ ํ์ฉํ์ง ์๋ linter๋ฅผ ์ฌ์ฉํ๊ณ ์์ต๋๋ค. ๋ชจ์์ด ํ์ฑ ๋ ์์๋ ์ฌ๋ฌ ์ธ์คํด์ค๊ฐ ์๊ธฐ ๋๋ฌธ์ ์ด๋ฌํ ํน์ ์ํ ( wrapperCol
๋ฐ labelCol
)์ ๋ํด ๊ฐ ํ์ผ์ ๋ชจ์์ ์์ฑํ๊ฑฐ๋ ๋ณต์ฌ / ๋ถ์ฌ ๋ฃ๊ธฐ๋ฅผ ํตํด ์ง์ ์์ฑํ๋ ๊ฒ์ ํผํ๊ณ ์ถ์ต๋๋ค. typescript ํ์ผ์์ ์์ ํฉ๋๋ค. ๋๋ ์ฝ๊ฒ ๋ง๋ ColProps๋ฅผ ์ฌ์ฉํ ์ ์๊ธฐ๋ฅผ ๋ฐ๋์ต๋๋ค. ์์ค ์ฝ๋๋ฅผ ์ดํด๋ณธ ํ ant-design/components/grid/col.tsx
์์ ์ฌ์ฉํ๊ธฐ์ ์๋ฒฝํ์ง๋ง ์ฐ๋ฆฌ ํ์ด ๊ฐ์ง๊ณ ์๋ node_module ๋ฒ์ ์์๋ ์ฌ์ฉํ ์์๋ ColProps ๊ฐ์ฒด๊ฐ ์์์ ์ ์ ์์ต๋๋ค. ColProps๋ ํ์ฌ ๋ฒ์ ์ ์ด๋ ๊ณณ์์๋ ์ก์ธ์ค ํ ์ ์์ต๋๊น?
ColProps๋ฅผ ๋ค์๊ณผ ๊ฐ์ ํ์์ผ๋ก ์ฌ์ฉํ๋ฉด ์ข์ ๊ฒ์
๋๋ค.
```
'react'์์ React ๊ฐ์ ธ ์ค๊ธฐ;
'prop-types'์์ PropTypes ๊ฐ์ ธ ์ค๊ธฐ;
'antd'์์ {Col} ๊ฐ์ ธ ์ค๊ธฐ;
const ColProps = Col.PropShape;
const propTypes = {
๋ ์ด์์ = PropTypes.shape ({
labelCol : ColProps,
wrapperCol : ColProps,
}),
};
PR ํ์ @richardjboothe
ํ ~
์ด๊ฒ์ ์๋ ํ ์ ์์ต๋๋ค.
import { Col } from 'antd';
PropTypes.shape(Col.propTypes);