<div className={classes.root}> <AppBar position="static" color="inherit"> <Tabs value={value} onChange={(e, tabValue) => setValue(tabValue)}> <Tab classes={{
const useInput = (defaultValue) => { const [value, setValue] = useState(defaultValue); const onChange = (e) => setValue(e.target.value); return { onChange, value, }; }
const useOnChange = (value: any, refresh: ?boolean = true) => { const [val, setValue] = useState(value); refresh && useEffect(() => { // eslint-disable-line setValue(value); }, [value]); const onChange = useCallback((e: Object) => { setValue(e.target.value); }, [setValue]); return [val, onChange, setValue]; }
const useCookie = cookieName => { const [value, setValue] = useState(() => getCookieByName(cookieName)); useEffect(() => { value ? (document.cookie = `${cookieName}=${value}`) : (document.cookie = `${cookieName}=; expires=Thu, 01 Jan 1970 00:00:01 GMT`); }, [value, cookieName]); const resetValue = () => setValue(''); return [value, setValue, resetValue]; }
const useToggle = initialState => { const [value, setValue] = useState(initialState); const inverse = () => setValue(value => !value); return { inverse, value, }; }
const useForm = (init = "") => { const [value, setValue] = useState(init) return { value, onChange: evt => { setValue(evt.target.value) } } }
const inputHooks = initialValue => { // eslint-disable-next-line react-hooks/rules-of-hooks const [value, setValue] = useState(initialValue); const onChange = e => { const { target: { value } } = e; setValue(value); }; return { value, onChange }; }
const useInputValue = initialValue => { const [value, setValue] = useState(initialValue) const onChange = e => setValue(e.target.value) return { value, onChange } }
function useInput(defaultValue) { const [value, setValue] = useState(defaultValue); const onChange = event => { const { target: { value } } = event; setValue(value); }; return { value, onChange }; }
const useCookie = cookieName => { const [value, setValue] = useState(() => getCookieByName(cookieName)); useEffect(() => { value ? (document.cookie = `${cookieName}=${value}`) : (document.cookie = `${cookieName}=; expires=Thu, 01 Jan 1970 00:00:01 GMT`); }, [value, cookieName]); const resetValue = () => setValue(''); return [value, setValue, resetValue]; }
const useFormInput = initialValue => { const [value, setValue] = useState(initialValue); const onChange = e => setValue(e.target.value); return { value, onChange }; }
// function useFormInput(initialValue) { const [value, setValue] = useState(initialValue); function handleChange(e) { setValue(e.target.value); } return { value, onChange: handleChange } }