Работаю по необходимости в версиях node v14.17.0, npm 6.14.13
Пытаюсь в работе использовать методы includes
, map
, push
. Все приводит к ошибке
Property 'includes' does not exist on type 'IprivilegeDatа'
При этом советы по изменению lib и target в tsconfig ни к чему не приводят:
{
"compilerOptions": {
"target": "es2017",
"lib": [
"dom",
"dom.iterable",
"esnext",
"es2017",
"es7"
],
"allowJs": true,
"skipLibCheck": true,
"esModuleInterop": true,
"allowSyntheticDefaultImports": true,
"strict": true,
"forceConsistentCasingInFileNames": true,
"noFallthroughCasesInSwitch": true,
"module": "esnext",
"moduleResolution": "node",
"resolveJsonModule": true,
"isolatedModules": true,
"noEmit": true,
"jsx": "react-jsx"
},
"include": [
"src"
]
}
Мой package.json
{
"name": "rv-privilege",
"version": "0.1.0",
"private": true,
"dependencies": {
"@testing-library/jest-dom": "^5.16.5",
"@testing-library/react": "^13.4.0",
"@testing-library/user-event": "^13.5.0",
"@types/jest": "^27.5.2",
"@types/node": "^16.11.68",
"@types/react": "^18.0.24",
"@types/react-dom": "^18.0.6",
"node-sass": "6.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-scripts": "5.0.1",
"typescript": "^4.8.4",
"web-vitals": "^2.1.4"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"devDependencies": {
"@typescript-eslint/eslint-plugin": "^5.41.0",
"@typescript-eslint/parser": "^5.41.0",
"eslint": "^8.26.0",
"eslint-plugin-react": "^7.31.10"
}
}
Описание IprivilegeDate
interface Idocument {
nameDoc?: string,
url?: string
}
interface Icontacts {
fio?: string,
number?: string,
email?: string
}
interface IprivilegeDatа {
key?: string
id: string,
name: string,
description: string,
dateStop: string,
category: string,
term: string,
img: string,
docs: Idocument[],
contacts?: Icontacts[],
turnOn: boolean
}
export default IprivilegeDatа;
Сама ошибка возникает при попытке прогнать массив через редьюс:
import { useEffect, useState } from "react";
import cardData from "../../data/cards";
import FilterButton from "../FilterButton/FilterButton";
import IprivilegeDatа from "../../interfaces/models";
interface FilterBarProps {
filterValue(e: string): void
}
const FilterBar = ({filterValue}: FilterBarProps) => {
const uniqFiltersArr = cardData.reduce((acc, elem) => {
const result = acc.includes(elem.category) || acc.push(elem.category);
return result;
});
const [activeElement, setActiveElement] = useState(uniqFiltersArr[0]);
useEffect(() => {
filterValue(activeElement);
},[activeElement]);
const handleClick = (id: string) => {
if (activeElement !== id) {
setActiveElement(id);
}
};
return (
<div className='filter-bar'>
<ul className='filter-bar__list'>
{uniqFiltersArr.map((item) => {
return <FilterButton
key={item}
id={item}
activeElement={activeElement}
handleClick={handleClick}
/>;
})}
</ul>
</div>
);
};
export default FilterBar;
cardData
, аacc
- наведи на него