【问题标题】:React + .jsx + Spread Operator -- Add a Style?React + .jsx + Spread Operator -- 添加样式?
【发布时间】:2018-08-04 18:54:57
【问题描述】:

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

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

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

 style: styles.searchResultsContainer

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

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

它构建和运行没有错误,但它似乎没有将样式放入元素中。

正确的语法是什么?

【问题讨论】:

  • 应该是正确的。你确定你的mySearchResults 组件设置为接受style 属性吗?
  • 你解决了。我习惯于采用样式道具的 MUI 组件——在这种情况下,我可以完全控制组件并且必须自己实现样式。谢谢!如果您想将您的回复作为答案发布,我会将其标记为已接受的答案。

标签: javascript reactjs jsx


【解决方案1】:

这应该是正确的。您确定您的 mySearchResults 组件设置为接受样式属性吗?

【讨论】:

猜你喜欢
  • 2021-05-08
  • 2021-10-03
  • 1970-01-01
  • 2019-07-21
  • 2022-12-02
  • 2019-03-18
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多