Оберните входные данные Antd с помощью миксина iMaskInput. - PullRequest
Новая
       37

Оберните входные данные Antd с помощью миксина iMaskInput.

2 голосов
/ 05 мая 2019

Я хочу обернуть компонент Input из дизайна Ant компонентом IMask, используя IMaskInput.Чтобы заставить его работать правильно, я должен предоставить правильную ссылку на IMask mixin.Но проблема в том, что в Antd Input есть структура пользовательских элементов, и я не знаю, как получить доступ к исходной ссылке и передать ее.Я несколько раз читал документацию о реагировании, но до сих пор не знаю.

Пример моего кода (это часть функции рендеринга компонента класса): 

const MaskedAntedInput = IMaskMixin(({inputRef, ...props}: any) => (
                            <Input
                                {...props}
                                onChange={this.onInputChange}
                                value={stateValue}
                                disabled={disabled}
                                style={{backgroundColor: defaultBackgroundColor}}
                                allowClear={true}
                                ref={inputRef}
                            />
                        ))

                        return (
                            <MaskedAntedInput
                                inputRef={(ref: any) => {this.maskedRef = ref}}
                                mask={mask}
                                onAccept={this.onMaskedInputChange}
                                disabled={disabled}
                                value={stateValue}
                                unmask={true}
                                lazy={false}
                            />
                        )

Я получаю ошибку: не могучитать свойство 'addEventListener' из неопределенного. Я понимаю, почему я получаю эту ошибку, но не могу найти правильный способ получить и передать правильный элемент ref.

...