jsconfig.json
алиасы - так не будет работать. Либо переопределяйте алиасы в webpack, а если это CRA, сделать не так просто (вроде есть некоторые утилиты, работающие поверх CRA). Вариант второй - исправить везде импорты. <Routes>
<Route path="/" element={<Coins coins={coins} />} />
<Route path="/coin">
<Route index element={<Coin />} />
<Route path=":coinId" element={<Coin />} />
</Route>
</Routes>
useEffect
без массива значений, за которым надо следить (dependencies), будет срабатывать при каждом рендере. Изменение состояния вызывает новый рендер, который в свою очередь вызывает useEffect
.useEffect(() => {
const intervalId = setInterval(() => {
console.log("ticking");
setNumber((prevCount) => prevCount + 1);
}, 1000);
return () => clearInterval(intervalId);
}, []);
MovieInfo[]
(все равно что Arrray<MovieInfo>
), а получаете один объект.React.useState<MovieInfo | null>(null);
<h1>{currentMovieDetail?.id}</h1>
const newTasks = [...tasks, taskNew];
setTask(newTasks);
setActiveTasks(newTasks)
import { parse, format } from 'date-fns';
const getDate = (date) => format(
parse(date, 'yyyy-MM-dd HH:mm:ss', new Date()),
'MMM dd, yyyy'
);
const addAdditionally = (addtive) => setActiveAddtive((currentAddtive) =>
currentAddtive.includes(addtive)
? currentAddtive.map((entry) => entry === addtive ? 1 : entry)
: [...currentAddtive, addtive]
);