Проблема в следующем:
projects -- массив всех проектов (приходит с бэка) newProjectsId -- массив из id новых проектов массивы бывают пустыми нужно чтобы к новым проектам добавилось свойство color: 'true' массив создается, свойства добавляются, только начений в несколько раз больше одинаковых, потому - что несколько раз выполняется (меняются props) как обойти?
Заранее спасибо!
const Projects = ( { projects, match, newProjectsId } ) => {
const {t} = useTranslation();
// if(newProjectsId ){
// projects = projects.filter((project)=>(
// newProjectsId.find(newProjectsId =>(newProjectsId.id !== project.projectId
// ))))
// }
// console.log(projects && getArrayOfProjectsColorized(projects,newProjectsId));
let arrayWithNewProjects = [];
let arrayWithOldProjects = []
for(let i = 0; i <projects.length; i++) {
for(let j = 0; j<newProjectsId.length; j++){
if(projects[i].projectId === newProjectsId[j]){
projects[i].color = 'true';
arrayWithNewProjects.push(projects[i])
} else {
arrayWithOldProjects.push(projects[i])
}
}
}
let colorizedArray = [...arrayWithNewProjects, ...arrayWithOldProjects];
console.log(colorizedArray)
return (
<ProjectsContainer>
<Switch>
<Route exact path={ `${ match.path }` } render={ () =>
<>
<TitleMd>{t('projectsPage.projects')}</TitleMd>
<ProjectsItemsWrapper>
{projects && colorizedArray.map ( ( project, idx ) =>
<Fragment key={ idx }>
<ProjectCard projectData={ project } />
</Fragment>
) }
</ProjectsItemsWrapper>
</>
} />
<Route exact path={ `${ match.path }/:projectKey` } component={ ProjectPage } />
</Switch>
</ProjectsContainer>
);
};
const mapStateToProps = createStructuredSelector ( {
projects: selectProjects,
newProjectsId: selectNewProjectsId
} );
export default connect ( mapStateToProps ) ( Projects );