How to pass object to child component?

Question

React

I'm using React in an angular app with ngreact.
The component structure is as follows:

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

In angular, when switching to state in resolve, I receive data and in the controller I assign them to the osprey variable on the view . In the Parent component, I receive this data transmitted by demonic problems. From Parent I try to pass them below to Child1
$scope. someVar = {someData: dataFromresolve};
<react-component props="someVar" name="Parent"/>

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

And I get the error Error: Objects are not valid as a React child (found: object with keys .....

So how do I pass this data to child components?

Answer 1

You are trying to render React child as an object somewhere, something like this:

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

The data variable must be an array.

Answer 2

SELECT t1.*, t2.value FROM table1 t1 
    LEFT JOIN table2 t2 ON t2.id = t1.id 
ORDER BY t1.id