react-data-export icon indicating copy to clipboard operation
react-data-export copied to clipboard

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

Open codal-mitalt opened this issue 4 years ago • 1 comments

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?

codal-mitalt avatar Jul 09 '21 08:07 codal-mitalt

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

molimat avatar Oct 05 '21 06:10 molimat