My lack of success in this problem may be due to a lack of proper terminology when Googling it but nonetheless I am completely stumped. I am passing an onPress function to a custom component in react native. When I pass it by itself as:

```
export const AddMorePlants = ( onPress ) => {
    return (
        <TouchableHighlight
            onPress={onPress}>
.
.
.
}

```

I get a ***this2.props.onPress is not a function*** error but when I have the exact same code except with the onPress passed within curly braces:

```
export const AddMorePlants = ({ onPress }) => {
    return (
        <TouchableHighlight
            onPress={onPress}>
.
.
.
}

```

It Works!

Why does the second one work and not the first?

Sorry for a kind of basic question I just have been really Googling and cant figure it out. Thanks in advance and I can provide any more info if needed.