react implement condition to show and hide

Question

There are two textbox JO and PO

1. If user both should hide.
2. If admin hide JO and show PO.
3. if superadmin show both

Need to implement above logic in react or javascript?

Answer 1

If i understand your question correctly you can do like this:

If i understand your question correctly you can do like this:



 const role = getRole()

{(role !== "user" && role !== "admin") || role==='superadmin' && <TextBoxJo />}
{(role !== "user" && role === "admin") || role==='superadmin' && <TextBoxPo />}

you can even put these conditions and use that function, there are multiple ways to do this.