const [searchParams, setSearchParams] = useSearchParams();
useEffect(() => {
setSearchParams(...);
}, []);document.cookie = "user=John; path=/";
const routes = [
{
path: '/',
name: 'Main',
component: () => import('./views/Main.vue'),
},
{
path: '/category',
name: 'Category',
component: () => import('./views/Category.vue'),
},
{
path: '/:category',
// ...
}
]let x = 1;
const y = {
x: 2
}x, а чтобы получить поле x из объекта y, нужно обратиться к y.x, что и будет, по сути, полным именем поля, и оно отличается от x.
const nums = [1, 2, 3];
// Добавляем провайдера
const app = new Vue({
provide: {
nums,
},
});
// Внедряем в компонентах
// дочерний компонент внедряет 'nums'
const Children = {
inject: ['nums'],
created () {
console.log(this.nums) // => [1, 2, 3]
}
// ...
}const cancelToken = axios.CancelToken;
const usePost = () => {
const source = useRef(null);
return () => {
if (source.current) {
source.current.cancel();
}
source.current = cancelToken.source();
const result = http.post(`${API_URL}.${METHODS.CALL_ENROLLMENT}`, { cancelToken, userId, filter });
// ........
result.finally(() => {
// Обнуляем токен при завершении запроса
source.current = null;
});
return result;
}
}const first_name = document.getElementById("input_f_n").value;
const last_name = document.getElementById("input_l_n").value;
const email = document.getElementById("input_e").value;
const houseID = document.getElementById("input_houseID").value;
const userID = (users.filter(word => word.userID === index))[0].userID;
const fields = { userID, first_name, last_name, houseID, email };
const body = Object.keys(fields).reduce((acc, key) => {
if (fields[key] !== '' && fields[key] !== null && fields[key] !== undefined) {
acc[key] = fields[key];
}
return acc;
}, {});
const response = await fetch('http://127.0.0.1:8000/api/users/user/update', {
method: 'PUT',
headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest',},
credentials: 'include',
body: JSON.stringify(body),
});//...
const body = { userID, first_name, last_name, houseID, email };
Object.keys(body).forEach(key => {
if (body[key] === '' || key[key] === null) {
delete body[key];
}
});
//...//...
const body = {};
if (first_name !== '') {
body.first_name = first_name;
}
// Дальше проверки по всем значениям
// ...import React, { useEffect, useState } from 'react';
// Функция-инициализатор нужна, чтобы вынести создание объекта состояния из компонента
const initStyle = () => ({ zIndex: 0 });
const Component = () => {
const [style, setStyle] = useState(initStyle);
useEffect(() => {
// Вот здесь можно менять значения - zIndex поменяется через секунду
const timer = setTimeout(() => setStyle({ zIndex: 1 }), 1000);
// Надо не забыть почистить счетчик setTimeout
return () => clearTimeout(timer);
}, []);
return <header className={`${styles.header} navbar navbar-expand-lg navbar-light sticky-top`} style={style} />
};import React, { useEffect, useMemo, useState } from 'react';
const Component = () => {
const [zIndex, setZIndex] = useState(0);
// Поскольку style это объект, то неплохо бы его мемоизировать
const style = useMemo(() => ({ zIndex }), [zIndex]);
useEffect(() => {
const timer = setTimeout(() => setZIndex(1), 1000);
return () => clearTimeout(timer);
}, []);
return <header className={`${styles.header} navbar navbar-expand-lg navbar-light sticky-top`} style={style} />
};