README
React Router Access Permission
This library makes React components available for display or redirect if user does not have access.
Permission Redirect
If you need redirect the user to another uri, if he not have access, you could use <PermissionRedirect />
.
Redirect Props
Property | Type | Description |
---|---|---|
authorities | Array of String | List of authorities to verify. |
authority | String | Authority that user need to access the child component. |
redirect | String | URI to send user if he not have permission to access. |
children | String | A child component to render. |
Example:
const authorities = [
'ROLE_FOO'
],
const Compoment = () => {
return (
<PermissionRedirect authorities={authorities} authority={'ROLE_BAR'} redirect="/logout">
<div>You have access!</div>
</PermissionRedirect>
);
}
Permission Render
If you need hide some component you could use <PermissionRender />
.
Render Props
Property | Type | Description |
---|---|---|
authorities | Array of String | List of authorities to verify. |
authority | String | Authority that user need to access the child component. |
compoment | React Component | Component rendered if user if he not have permission to access. |
children | React Component | A child component to render. |
Example:
const authorities = [
'ROLE_FOO'
],
const Compoment = () => {
return (
<PermissionRender authorities={authorities} authority={'ROLE_BAR'} component={<div>You haven't access!</div>}>
<div>You have access!</div>
</PermissionRender>
);
}