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

Сообщение от SuperZen Посмотреть сообщение
потому что данные надо хранить в нормализованном состоянии, и не писать унылые велосипеды
Можно пример таких данных?

а строку иногда на значения нужно разбивать, если их нужно перечислить в разных тегах. Вот только не понятно как поступать с id, ведь key={array.id} идет в тег, где отрисовываем весь объект, а тут при разделении строки на значения получается опять id нужно будет присваивать тегам куда идут эти значения.

import React from 'react';
//redux
import { connect }  from 'react-redux';
//css
import './projects.css';

const Projects = ({ projects }) => {
	return (
		<div>
      {
        projects.map((project) => {
          return (
            <div key={project.id}>
              <div className="card mb-3">
                <h3>{project.title}</h3>
                <img src={project.image} alt="" />
                <div className="card-body">
                  <p>{project.text}</p>
                </div>
                <ul>
                  {
                    project.skills.map((skill) => {
                      return (
                        <li>{skill}</li>
                      )                         
                    })                        
                  }                                 
                </ul>
              </div>
            </div>
          )
        })
      }
		</div>
	)
};

const mapStateToProps = ({ projects }) => {
    return { projects };
};
export default connect(mapStateToProps)(Projects);



Вот тут как поступить с unique key?
{
   project.skills.map((skill) => {
      return (
        <li>{skill}</li>
      )                         
   })                        
  }

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