React + .jsx + Spread Operator — Add a Style?

Question

I have a React element (courtesy of the excellent Downshift library) that looks like this:

<mySearchResults
    {...{
        inputValue,
        selectedItem,
        highlightedIndex,
        getItemProps,
    }}
/>

I need to add a .jsx style to it:

 style: styles.searchResultsContainer

I've tried a couple ways of adding it, including:

<mySearchResults
    {...{
        inputValue,
        selectedItem,
        highlightedIndex,
        getItemProps,
        style: styles.searchResultsContainer
    }}
/>

It builds and runs without errors, but it doesn't seem to get the styles into the element.

What is the correct syntax for this?

Answer 1

That should be correct. Are you sure your mySearchResults component is set up to accept a style prop?