mirror of
https://github.com/IgnatZakalinsky/home-works.git
synced 2025-12-17 04:49:25 +00:00
add prettier and reformat all files
This commit is contained in:
@@ -1,24 +1,31 @@
|
||||
import React, {ChangeEvent, DetailedHTMLProps, InputHTMLAttributes} from 'react'
|
||||
import React, {
|
||||
ChangeEvent,
|
||||
DetailedHTMLProps,
|
||||
InputHTMLAttributes,
|
||||
} from 'react'
|
||||
import s from './SuperRange.module.css'
|
||||
|
||||
// тип пропсов обычного инпута
|
||||
type DefaultInputPropsType = DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>
|
||||
type DefaultInputPropsType = DetailedHTMLProps<
|
||||
InputHTMLAttributes<HTMLInputElement>,
|
||||
HTMLInputElement
|
||||
>
|
||||
|
||||
// здесь мы говорим что у нашего инпута будут такие же пропсы как у обычного инпута
|
||||
// (чтоб не писать value: string, onChange: ...; они уже все описаны в DefaultInputPropsType)
|
||||
type SuperRangePropsType = DefaultInputPropsType & { // и + ещё пропсы которых нет в стандартном инпуте
|
||||
type SuperRangePropsType = DefaultInputPropsType & {
|
||||
// и + ещё пропсы которых нет в стандартном инпуте
|
||||
onChangeRange?: (value: number) => void
|
||||
};
|
||||
}
|
||||
|
||||
const SuperRange: React.FC<SuperRangePropsType> = (
|
||||
{
|
||||
type, // достаём и игнорируем чтоб нельзя было задать другой тип инпута
|
||||
onChange, onChangeRange,
|
||||
className,
|
||||
const SuperRange: React.FC<SuperRangePropsType> = ({
|
||||
type, // достаём и игнорируем чтоб нельзя было задать другой тип инпута
|
||||
onChange,
|
||||
onChangeRange,
|
||||
className,
|
||||
|
||||
...restProps// все остальные пропсы попадут в объект restProps
|
||||
}
|
||||
) => {
|
||||
...restProps // все остальные пропсы попадут в объект restProps
|
||||
}) => {
|
||||
const onChangeCallback = (e: ChangeEvent<HTMLInputElement>) => {
|
||||
onChange && onChange(e) // сохраняем старую функциональность
|
||||
|
||||
@@ -35,7 +42,6 @@ const SuperRange: React.FC<SuperRangePropsType> = (
|
||||
type={'range'}
|
||||
onChange={onChangeCallback}
|
||||
className={finalRangeClassName}
|
||||
|
||||
{...restProps} // отдаём инпуту остальные пропсы если они есть (value например там внутри)
|
||||
/>
|
||||
</>
|
||||
|
||||
Reference in New Issue
Block a user