Отрендерить не массив а обьект ReactJS?

Question

[Альберт Табак]

Наслушавшись басен как хорош Реакт решил его попробовать. Столкнулся с проблемой

в туториале есть пример

// tutorial10.js
var CommentList = React.createClass({
  render: function() {
    var commentNodes = this.props.data.map(function (comment) {
      return (
        <Comment author={comment.author}>
          {comment.text}
        </Comment>
      );
    });
    return (
      <div className="commentList">
        {commentNodes}
      </div>
    );
  }
});

Но что если у меня там не массив, а обьект как я его могу отрендерить подобный образом ? уже извращался и через $.each и через for( var in ) . ничего не получаеться .
Буду искрене благодарен за помощь

Answer 1

[123 123]

Object.keys(obj).map(key => obj[key].author); // returns array of author names

Comments

[Альберт Табак]

это не реашет моей проблемы

[123 123]

Тогда в чем проблема? Итерируете объект по ключам, достаете нужны значение, передаете в React компонент и возвращаете его. Получаете массив компонентов и рендерите, как в вашем примере.

[Альберт Табак]

дело в том что мне нужно обозначать какой ключ я сейчас использую, map этой возможости не даёт. А как проетрироваь с рендером как в примере через циклы типа for я непонял :(

[Альберт Табак]

и вот тут возникла ещё одна трудонсть, могу я сделать setState какому нибудь компоненту снаруже ?

[123 123]

Присмотритесь, Object.keys(obj) возвращает массив ключей:

let keysArray = Object.keys(obj);

keysArray.map(key => obj[key].author);

[123 123]

Проектировать ваш API или любой источник данных нужно так, что бы потребителю (приложению) было проще его обрабатывать. То есть, если у вас есть лента комментариев, то это, скорее всего, должен быть массив.

[123 123]

Изменить состояние извне будет неправильным подходом. Вы можете передавать ссылки на методы компонента другим компонентам, но делать это из абстрактного «левого» кода не рекомендуется, дальше это приведет только к трудностям поддержки.

[Альберт Табак]

Роман Лютиков: спасибо, я понимал что по кейs могу отрендерить обьект, но чтото вгоняло в ступор :(