Показать сообщение отдельно
  #1 (permalink)  
Старый 09.04.2019, 23:58
Аватар для NeonMan
Кандидат Javascript-наук
Отправить личное сообщение для NeonMan Посмотреть профиль Найти все сообщения от NeonMan
 
Регистрация: 22.07.2018
Сообщений: 103

Компонент React JS
В компоненте отрисовываю объект из массива, вставляя значения строк объекта в 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);

Последний раз редактировалось NeonMan, 10.04.2019 в 00:01.
Ответить с цитированием