Ant-design: PropTypes ColProp для Ρ„ΠΎΡ€ΠΌΡ‹ labelCol ΠΈ wrapperCol Props для сСтки

Π‘ΠΎΠ·Π΄Π°Π½Π½Ρ‹ΠΉ Π½Π° 12 июл. 2017  Β·  3ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ  Β·  Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ: ant-design/ant-design

ΠšΠ°ΠΊΡƒΡŽ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ Ρ€Π΅ΡˆΠ°Π΅Ρ‚ эта функция?

Моя ΠΊΠΎΠΌΠ°Π½Π΄Π° ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ Π»ΠΈΠ½Ρ‚Π΅Ρ€, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π·Π°ΠΏΡ€Π΅Ρ‰Π°Π΅Ρ‚ использованиС PropTypes.object . ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ сущСствуСт нСсколько случаСв, ΠΊΠΎΠ³Π΄Π° Ρ„ΠΎΡ€ΠΌΠ° ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ сформирована, для этих ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹Ρ… Ρ€Π΅ΠΊΠ²ΠΈΠ·ΠΈΡ‚ΠΎΠ² ( wrapperCol ΠΈ labelCol ) я Ρ…ΠΎΡ‚Π΅Π» Π±Ρ‹ ΠΈΠ·Π±Π΅ΠΆΠ°Ρ‚ΡŒ записи Ρ„ΠΎΡ€ΠΌΡ‹ Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΌ Ρ„Π°ΠΉΠ»Π΅ ΠΈΠ»ΠΈ создания своСй собствСнной ΠΏΡƒΡ‚Π΅ΠΌ копирования / вставки с ΠΌΠΎΠ΄ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠ΅ΠΉ ΠΈΠ· машинописного Ρ„Π°ΠΉΠ»Π°. Π― надСялся, Ρ‡Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ доступСн ΡƒΠΆΠ΅ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ ColProps. ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Π² исходный ΠΊΠΎΠ΄, я Π²ΠΈΠΆΡƒ Π² ant-design/components/grid/col.tsx Ρ‡Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ ColProps, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ идСально ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для использования, Π½ΠΎ нСдоступСн ΠΈΠ· вСрсии node_module, которая Π΅ΡΡ‚ΡŒ Ρƒ ΠΌΠΎΠ΅ΠΉ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹. ДоступСн Π»ΠΈ ColProps Π³Π΄Π΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ Π² Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ вСрсии?

Как выглядит ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅ΠΌΡ‹ΠΉ API?

Π‘Ρ‹Π»ΠΎ Π±Ρ‹ Π½Π΅ΠΏΠ»ΠΎΡ…ΠΎ, Ссли Π±Ρ‹ ColProps Π±Ρ‹Π» доступСн Π² ΠΊΠ°ΠΊΠΎΠΌ-Ρ‚ΠΎ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€:
`` ''
ΠΈΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ React ΠΈΠ· React;
ΠΈΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ PropTypes ΠΈΠ· 'prop-types';
ΠΈΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ {Col} ΠΈΠ· 'antd';

const ColProps = Col.PropShape;
const propTypes = {
layout = PropTypes.shape ({
labelCol: ColProps,
wrapperCol: ColProps,
}),
};

ВсС 3 ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

PR привСтствуСтся @richardjboothe

ΠΏΠΈΠ½Π³ ~

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ это:

import { Col } from 'antd';

PropTypes.shape(Col.propTypes);
Π‘Ρ‹Π»Π° Π»ΠΈ эта страница ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠΉ?
0 / 5 - 0 Ρ€Π΅ΠΉΡ‚ΠΈΠ½Π³ΠΈ