React + .jsx + Spread运算符-添加样式?

时间:2018-08-04 18:54:58

标签: javascript reactjs jsx

我有一个React元素(由出色的Downshift库提供),看起来像这样:

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

我需要为其添加.jsx样式:

 style: styles.searchResultsContainer

我尝试了几种添加方式,包括:

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

它的构建和运行没有错误,但似乎并未将样式纳入元素。

正确的语法是什么?

1 个答案:

答案 0 :(得分:1)

那应该是正确的。您确定您的mySearchResults组件已设置为接受样式道具吗?