React
- 4 ответа
- 0 вопросов
3
Вклад в тег
overflow: hidden у .card-list). Просто они расположены в столбик, который ограничен по высоте, при этом неактивные карточки занимают своё положение в документе даже при opacity: 0. Вероятно, вы где-то пропустили часть логики или стилей, чтобы первая картинка заменялась на активную картинку. Поскольку у карточек в вашем примере размеры одинаковые, достаточно заменить position: relative на position: absolute у .card.
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} />onclick. Вы перезаписываете его через document.getElementById("clearButton").onclick на сброс значения поля ввода.const buttonEl = document.getElementById("clearButton");
buttonEl.addEventListener("click", () => {
// Необходимый код 1
});
buttonEl.addEventListener("click", () => {
// Необходимый код 2
});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);