title: React + .jsx + Spread Operator -- Add a Style?
body: <p>I have a React element (courtesy of the excellent Downshift library) that looks like this:</p>
  
  <pre><code>&lt;mySearchResults
      {...{
          inputValue,
          selectedItem,
          highlightedIndex,
          getItemProps,
      }}
  /&gt;
  </code></pre>
  
  <p>I need to add a .jsx style to it:</p>
  
  <pre><code> style: styles.searchResultsContainer
  </code></pre>
  
  <p>I've tried a couple ways of adding it, including:</p>
  
  <pre><code>&lt;mySearchResults
      {...{
          inputValue,
          selectedItem,
          highlightedIndex,
          getItemProps,
          style: styles.searchResultsContainer
      }}
  /&gt;
  </code></pre>
  
  <p>It builds and runs without errors, but it doesn't seem to get the styles into the element. </p>
  
  <p>What is the correct syntax for this?</p>