Javascript 如何根据条件呈现JSX?
如何添加以下内容:Javascript 如何根据条件呈现JSX?,javascript,reactjs,react-jsx,Javascript,Reactjs,React Jsx,如何添加以下内容: if(true) <Reminder /> else <div>hehe</div> 您可以使用: renderReminders() { const { reminders } = this.props; return ( <ListGroup> { reminders.map(reminder => { return (
if(true) <Reminder /> else <div>hehe</div>
您可以使用:
renderReminders() {
const { reminders } = this.props;
return (
<ListGroup>
{
reminders.map(reminder => {
return (
<ListGroupItem key={reminder.id}>
<div>{reminder.text}</div>
<Reminder dueDate={reminder.dueDate} />
</ListGroupItem>
)
})
}
</ListGroup>
) // return
} // renderReminders
{condition ?
<div>I will render when condition is true!</div>
:
<div>I will render when condition is false!</div>
}
return (
<ListGroupItem key={reminder.id}>
<div>{reminder.text}</div>
{true ?
<Reminder dueDate={reminder.dueDate} />
:
<div>Hehe!</div>
}
</ListGroupItem>
)