В предыдущем посте я мог решить проблему. Мне просто нужно было использовать заглавную букву функционального компонента.
Теперь у меня возникла новая проблема. Я использую зависимость "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» или использовал ее и может решить эти проблемы.