Conditionally adding rightIcon to ListItem

I’d like to add a rightIcon to a ListItem if the subtitle has a certain value (‘Notes’). I tried something like:

  renderItem = ({ item }) => {
    return (
      <ListItem
        title={item.title}
        subtitle={item.subtitle}
        topDivider
        bottomDivider
        {item.subtitle === 'Notes' &&
            rightIcon={{ name: 'edit', type: 'material' }}
        }
      />
    );
  };

but I get Parsing error: Unexpected token, expected "..."

Is my syntax wrong, or is this not possible?

I got it to work with a ternary that returns the whole ListItem with or without the rightIcon, but it’s more code duplication than I’d like, I’d like just the ListItem to be conditional.

[antgel]

@iRoachie Thank you so much. I believe I need to learn more about the ... operator. 😃

[antgel]

(By the way, I decided that I prefer the null approach, it’s more readable in that it keeps rightIcon aligned to the left with the other props…)