I am getting some data from database now How can I display result item from here 
data looks like below 
[![enter image description here](https://i.stack.imgur.com/nfcVs.png)](https://i.stack.imgur.com/nfcVs.png)

```
<div className="row">
                        { this.state.product.length > 0 ? this.state.product.map(product =>
                          <div className="col-lg-4 col-md-6 txt-center m-b-40" >
                                   <div className="plan-bx">
                                    <h1>{product.product}</h1>
                                    <p>Plan</p>
                                    <br/>
                                    <div>
                                    <h2>Free</h2>
                                    {this.state.product.map(p => p.result.map(r =>
                                    <span>

                                    <hr/>
                                    <br/>
                                    <h3>{r.fprice}</h3>
                                    <h4><span>5,999₹ </span>/ year</h4>

                                    </span>
                         ) )}
                                    <br/>

                                </div>
                            </div>

                            <a className="btn-view" href="">View Details</a>

                            </div>
                              ):null}

```

[![enter image description here](https://i.stack.imgur.com/kb74o.png)](https://i.stack.imgur.com/kb74o.png)

I am new to reactjs
Thanks