response-numpad: неудачный тип пропеллера; prop помечен как необходимый в KeyPad, но его значение не определено - PullRequest
0 голосов
/ 24 февраля 2020

В предыдущем посте я мог решить проблему. Мне просто нужно было использовать заглавную букву функционального компонента.

Теперь у меня возникла новая проблема. Я использую зависимость "Reaction-Numpad". Я сделал этот компонент, используя эту зависимость:

                 const HandleBlur = (e) => {

                 if (e.target.value === '0') e.target.value = '0'

                }


                const HandleKeypress = (e)  => {
                        const characterCode = e.key
                              if (characterCode === 'Backspace') return

                              const characterNumber = Number(characterCode)
                                 if (characterNumber < 0) {

                                        e.preventDefault()
                                      }
                                        }

                  const PricePicker = ({
                                      step,
                                      precision,
                                      input,
                                      placeholder,
                                      label,
                                      value,
                                      theme,
                                      props,
                                      meta: { touched, error },
                                      ...rest
                                  }) => {

                        const [number, setNumber] = useState(0);

                        return(

                              <div className='form-group'> 

                              <label forname={input.name}>{label}</label> <br />

                             <NumPad.Number
                               {...rest}
                                step={0.1}
                                precision={2}
                                value={number}
                                confirm = {input.confirm}
                                placeholder={!input.value ? 'Please, type a number' : input.value}
                                selected={input.value ? new NumPad.Number(input.value) : null}
                                onKeyDown={(changedVal) => HandleKeypress(changedVal)}
                                onBlur={(changedVal) => HandleBlur(changedVal)}
                                onChange={(changedVal) => {setNumber(changedVal);}}

                            className='form-control'

                             />
                          <div className='text-danger' style={{ marginBottom: '20px' }}>
                                    {touched && error}
                                   </div>
                                   </div>
                           );
                                };

              export default PricePicker;

У меня следующие проблемы:

  • index. js: 1437 Предупреждение: Ошибка типа проп: prop confirm помечен как обязательный в KeyPad, но его значение равно undefined. в KeyPad (создан NumberInput)

  • index. js: 1437 Предупреждение: сбойный тип пропеллера: пропеллер update помечен как необходимый в KeyPad, но его значение undefined. в KeyPad (создан NumberInput)

  • Предупреждение: сбойный тип пропеллера: пропеллер position помечен как необходимый в KeyPad, но его значение равно undefined. в KeyPad (создан NumberInput)

У меня есть три проблемы, возможно, я использую теги div. Как я могу решить эти проблемы?

Кто-нибудь знает о зависимости «response-numpad» или использовал ее и может решить эти проблемы.

...