jsx：ReactJS if 条件

Question

如何在jsx：ReactJS中使用if条件？我只想如果

if user == "author" or "supervisor":
<IconButton 
   aria-label="delete" 
   onClick={() => props.pressHandler(props.id)}
 >
  <DeleteIcon style={{ color: 'red' }} />
</IconButton>
else
     no delete button

Answer 1

只要把它们戴上大括号，

{ ["author", "supervisor"].includes(user) &&
<IconButton 
   aria-label="delete" 
   onClick={() => props.pressHandler(props.id)}
 >
  <DeleteIcon style={{ color: 'red' }} />
</IconButton> || null }

参考：https://reactjs.org/docs/conditional-rendering.html#inline-if-with-logic--operator