search

securedeveloper / react-data-export

Export dataset in react.
https://securedeveloper.github.io/react-data-export/
MIT License
179 stars 191 forks source link

Unable to Add Condition on <ExcelSheet> for condition base export of sheet tab #160

Open codal-mitalt opened 3 years ago

codal-mitalt commented 3 years ago

Version- "react-export-excel": "^0.5.3",

I am using This Library to Export in Excel With Multiple Tabs

below is working fine

                        <ExcelFile filename="Activity History" className="btn lg-btn">Export CSV</button>}>
                                    <ExcelSheet data={D1Array} name="New>
                                        <ExcelColumn label="Last Updated By" value="last_updated_by" />
                                        <ExcelColumn label="Last Updated At" value="last_updated_at" />
                                    </ExcelSheet>

                                    <ExcelSheet data={D2Array} name="Current">
                                        <ExcelColumn label="Last Updated By" value="last_updated_by" />
                                        <ExcelColumn label="Last Updated At" value="last_updated_at" />
                                 </ExcelSheet>
                        </ExcelFile>

but If I am using 

                <ExcelFile filename="Activity History" className="btn lg-btn">Export CSV</button>}>

                                    {D1Array &&
                                        <ExcelSheet data={D1Array} name="New>
                                        <ExcelColumn label="Last Updated By" value="last_updated_by" />
                                        <ExcelColumn label="Last Updated At" value="last_updated_at" />
                                    </ExcelSheet>
                                    }
                                    <ExcelSheet data={D2Array} name="Current">
                                        <ExcelColumn label="Last Updated By" value="last_updated_by" />
                                        <ExcelColumn label="Last Updated At" value="last_updated_at" />
                                 </ExcelSheet>
                        </ExcelFile>

It throws an Error

TypeError: Cannot read property 'props' of null (anonymous function) C:/syzygy/syzgy-front-final/frontend/node_modules/react-export-excel/dist/ExcelPlugin/components/ExcelFile.js:131

Any Suggestions how to achieve this?

molimat commented 2 years ago

I would suggest to create two different export components and create a condition on parent.