onclick
. Вы перезаписываете его через document.getElementById("clearButton").onclick
на сброс значения поля ввода.const buttonEl = document.getElementById("clearButton");
buttonEl.addEventListener("click", () => {
// Необходимый код 1
});
buttonEl.addEventListener("click", () => {
// Необходимый код 2
});
const telMask = new Inputmask('+11 (999) 999-99-99');
const styles: StyleSheet.NamedStyles<any> = {
button: {
position: 'absolute',
},
}
export const scaledStyles = StyleSheet.create(styles);
const styles = {
button: {
position: 'absolute',
},
}
export const scaledStyles = StyleSheet.create<any>(styles);
getCharacters().data === undefined
, и уже даже из этого очевидно, что getCharacters().data.results
приведёт к ошибке, т.к. это попытка обратиться к свойству у undefined
.useEffect
с пустым массивом зависимостей, благодаря чему он сработает только при монтировании/размонтировании компонента:const [dataCards, setDataCards] = useState([]);
useEffect(() => {
getCharacters().then((data) => setDataCards(data));
}, []);
dataCards
как пустой массив (что логично, ведь данных пока что нет). При монтировании компонента сработает useEffect
, внутри него мы получим данные и уже их сможем использовать в dataCards
.export const Footer = (props?: IFooterProps) => {
return (
<View style={styles.container}>
{props?.button ? (
<>
<RNHoleView style={styles.background} holes={[hole]}>
<View style={styles.maskBorder}></View>
</RNHoleView>
{props.button}
</>
) : (
<View style={styles.background}></View>
)}
</View>
);
};
pattern
срабатывает непосредственно перед отправкой формы. Кроме того, это не запретит ввод символов, отличных от цифр, а лишь покажет уведомление в случае несоответствия. Вашу же задачу можно решить несколькими способами.<input type="number" />
. Из особенностей: он допускает ввод некоторых символов, отличающихся от цифр (например, "+" и "e").onChange
у поля ввода:const [value, setValue] = useState('')
const handleInputChange = (e) => {
setValue(e.target.value.replace(/\D/g, ''))
}
<input value={value} onChange={handleInputChange} />
factor
у полей ввода, но оно не определено.<input data-factor="1" />
, после чего получить значение в JS через form.elements[i].dataset.factor
.form.count
. Можно сделать что-то вроде form.querySelectorAll('input[data-factor]').length