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 passing component in onClick function, i know we can only pass function in onClick, but this gives desired result with error
<MenuItem onClick={<Reports pid={name}/>}>
<Reports pid={name}/>
</MenuItem>
It 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} />} />;
}
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.