В компоненте отрисовываю объект из массива, вставляя значения строк объекта в DOM дерево. Для выделения каждого объекта из массива использую .map Такой вопрос, как разбить строку в объекте на значения, что бы каждое значение из строки объекта можно было отдельно показывать.
array = [
{
...object,
name: "Name1, Name, Name3"
}
];
import React from 'react';
//redux
import { connect } from 'react-redux';
const Projects = ({ projects }) => {
return (
<div className="container">
{
projects.map((project) => {
return (
<div key={project.id}>
<div>
<h3>{project.label}</h3>
<img src={project.image} alt="" />
<div>
<p>{project.text}</p>
</div>
<ul>
<li>{project.name}</li>
<li>{project.name}</li>
<li>{project.name}</li>
</ul>
</div>
</div>
)
})
}
</div>
)
};
const mapStateToProps = ({ projects }) => {
return { projects };
};
export default connect(mapStateToProps)(Projects);