Как передать object в дочерний компонент?

Question

[Дмитрий Арушанов]

Использую React в angular приложении с помощью ngreact.
Структура компонент такая:

<Parent>
  <Child1>
    <Child1.1></Child1.1>
    <Child1.2></Child1.2>
  </Child1>
  <Child2>
    <Child2.1></Child2.1>
    <Child2.2></Child2.2>
  </Child2>
</Parent>

В ангуляре при переходе на state в resolve получаю данные и в контроллере присваиваю их переменной скопа
$scope. someVar = {someData: dataFromresolve};
на view
<react-component props="someVar" name="Parent"/>

В Parent компоненте получаю эти данные переданные бесовских проблем.
Из Parent пытаюсь передать их ниже в Child1

...
render: function () {
                    return (
                        <Child1 someProps={this.props.someData}></Child1>
                   );
                }
...

И получаю ошибку Error: Objects are not valid as a React child (found: object with keys .....

Так вот как предать эти данные в дочерние компоненты?

Answer 1

[Александр]

Вы пытаетесь где то рендерить React child как объект, примерно так выходит:

let data = {'a': <div>1</div>,'b':<div>2</div>}
<li>{data}</li>

Переменная data должна быть массивом.

Comments

[Дмитрий Арушанов]

Да все верно! Не так давно стал вникать в React... Еще не привык ко всем тонкостям.. Действительно выводил (каюсь).