I imported Report.js component and want to use it in "menuitem", I tried this in button and its working perfectly
import Reports from 'new-components/Reports/Reports' //ontop
<Button>
<Reports pid={pid} /> //working
</Button>
but when i tried this same in "menuitem" than its not working
<MenuItem >
<Reports pid={pid} /> //not working
</MenuItem>
i also tried with onClick function, although it gives the desired result but also throws a error " Uncaught Error: Expected onClick
listener to be a function, instead got a value of object
type."
Reports.js
return (
<CSVLink {...csvReport}>Export CSV</CSVLink>
)
You could try to pass your Reports
element via the component
prop of MenuItem
:
const YourComponent = () => {
return <MenuItem component={<Reports pid={pid} />} />;
}