ΠΠΎΡ ΠΊΠΎΠΌΠ°Π½Π΄Π° ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ Π»ΠΈΠ½ΡΠ΅Ρ, ΠΊΠΎΡΠΎΡΡΠΉ Π·Π°ΠΏΡΠ΅ΡΠ°Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ PropTypes.object
. ΠΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΡΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ»ΡΡΠ°Π΅Π², ΠΊΠΎΠ³Π΄Π° ΡΠΎΡΠΌΠ° ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΡΡΠΎΡΠΌΠΈΡΠΎΠ²Π°Π½Π°, Π΄Π»Ρ ΡΡΠΈΡ
ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΡΡ
ΡΠ΅ΠΊΠ²ΠΈΠ·ΠΈΡΠΎΠ² ( wrapperCol
ΠΈ labelCol
) Ρ Ρ
ΠΎΡΠ΅Π» Π±Ρ ΠΈΠ·Π±Π΅ΠΆΠ°ΡΡ Π·Π°ΠΏΠΈΡΠΈ ΡΠΎΡΠΌΡ Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΌ ΡΠ°ΠΉΠ»Π΅ ΠΈΠ»ΠΈ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ²ΠΎΠ΅ΠΉ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΠΎΠΉ ΠΏΡΡΠ΅ΠΌ ΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΡ / Π²ΡΡΠ°Π²ΠΊΠΈ Ρ ΠΌΠΎΠ΄ΠΈΡΠΈΠΊΠ°ΡΠΈΠ΅ΠΉ ΠΈΠ· ΠΌΠ°ΡΠΈΠ½ΠΎΠΏΠΈΡΠ½ΠΎΠ³ΠΎ ΡΠ°ΠΉΠ»Π°. Π― Π½Π°Π΄Π΅ΡΠ»ΡΡ, ΡΡΠΎ Π±ΡΠ΄Π΅Ρ Π΄ΠΎΡΡΡΠΏΠ΅Π½ ΡΠΆΠ΅ Π³ΠΎΡΠΎΠ²ΡΠΉ ColProps. ΠΠΎΡΠΌΠΎΡΡΠ΅Π² ΠΈΡΡ
ΠΎΠ΄Π½ΡΠΉ ΠΊΠΎΠ΄, Ρ Π²ΠΈΠΆΡ Π² ant-design/components/grid/col.tsx
ΡΡΠΎ Π΅ΡΡΡ ΠΎΠ±ΡΠ΅ΠΊΡ ColProps, ΠΊΠΎΡΠΎΡΡΠΉ ΠΈΠ΄Π΅Π°Π»ΡΠ½ΠΎ ΠΏΠΎΠ΄Ρ
ΠΎΠ΄ΠΈΡ Π΄Π»Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ, Π½ΠΎ Π½Π΅Π΄ΠΎΡΡΡΠΏΠ΅Π½ ΠΈΠ· Π²Π΅ΡΡΠΈΠΈ node_module, ΠΊΠΎΡΠΎΡΠ°Ρ Π΅ΡΡΡ Ρ ΠΌΠΎΠ΅ΠΉ ΠΊΠΎΠΌΠ°Π½Π΄Ρ. ΠΠΎΡΡΡΠΏΠ΅Π½ Π»ΠΈ ColProps Π³Π΄Π΅-Π½ΠΈΠ±ΡΠ΄Ρ Π² ΡΠ΅ΠΊΡΡΠ΅ΠΉ Π²Π΅ΡΡΠΈΠΈ?
ΠΡΠ»ΠΎ Π±Ρ Π½Π΅ΠΏΠ»ΠΎΡ
ΠΎ, Π΅ΡΠ»ΠΈ Π±Ρ ColProps Π±ΡΠ» Π΄ΠΎΡΡΡΠΏΠ΅Π½ Π² ΠΊΠ°ΠΊΠΎΠΌ-ΡΠΎ ΡΠΎΡΠΌΠ°ΡΠ΅, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ:
`` ''
ΠΈΠΌΠΏΠΎΡΡΠΈΡΠΎΠ²Π°ΡΡ React ΠΈΠ· React;
ΠΈΠΌΠΏΠΎΡΡΠΈΡΠΎΠ²Π°ΡΡ PropTypes ΠΈΠ· 'prop-types';
ΠΈΠΌΠΏΠΎΡΡΠΈΡΠΎΠ²Π°ΡΡ {Col} ΠΈΠ· 'antd';
const ColProps = Col.PropShape;
const propTypes = {
layout = PropTypes.shape ({
labelCol: ColProps,
wrapperCol: ColProps,
}),
};
PR ΠΏΡΠΈΠ²Π΅ΡΡΡΠ²ΡΠ΅ΡΡΡ @richardjboothe
ΠΏΠΈΠ½Π³ ~
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΠΎΠΏΡΠΎΠ±ΠΎΠ²Π°ΡΡ ΡΡΠΎ:
import { Col } from 'antd';
PropTypes.shape(Col.propTypes);