import React from ‘react’; import { useSelector } from ‘react-redux’;
import { selectCompletedRecords } from ‘./selectCompletedRecords’;
export const UploadModal = ({
isHidden = false,
onApply = () => {},
}) => {
if (isHidden) return null;
const completedRecords = useSelector(selectCompletedRecords);
return (
<div>
{completedRecords.map(({ title, id }) => <p key={id}>{title}</p>)}
<button onClick={onApply}>Apply</button>
</div>
);
}
Ответ: В приведенном выше коде хук useSelector находится ниже условия с if — что недопустимо.
Нужна разработка или доработка проекта на React?
Если вам требуется не учебный пример, а разработка реального проекта, исправление ошибок или добавление нового функционала, можно заказать профессиональную доработку сайта на React и Next.js.
Работаю с существующими React/Next.js-проектами: исправление ошибок, разработка новых функций, подключение API, личных кабинетов, админ-панелей и других компонентов.
