文章/答案/技术大牛

发布

社区首页 >问答首页 >将样式传递到风格道具的问题

问将样式传递到风格道具的问题
EN

Stack Overflow用户

提问于 2020-12-30 01:06:20

回答 2查看 51关注 0票数 0

我有一个组件，我希望通过style属性将我的自定义样式传递给它。

但是我得到了组件之间( , )的语法错误

  <NeuButton
          width='60%'
          height='40px'
          style={{}}

我想添加到风格中的是

"box-shadow": 0px 0px 0px #b6c0ca, 0px 0px 0px #ffffff, inset 5px 6px 4px #b6c0ca, inset 0px 0px 6px #ffffff,

这是每个侧面组件的阴影。

reactjs

回答 2

Stack Overflow用户

回答已采纳

发布于 2020-12-30 01:13:25

您必须使用jss样式。

<NeuButton 
     style={{ boxShadow: " 0px 0px 0px #b6c0ca, 0px 0px 0px #ffffff, inset 5px 6px 4px #b6c0ca, inset 0px 0px 6px #ffffff" }}
>
  Content here

</NeuButton>

票数 1

Stack Overflow用户

发布于 2020-12-30 01:08:55

只需将值用引号包装，并使用boxShadow代替“框影”(使用javascript命名约定)。

boxShadow: `0px 0px 0px #b6c0ca, 0px 0px 0px #ffffff, inset 5px 6px 4px #b6c0ca, inset 0px 0px 6px #ffffff`

你为什么要这么做？这里有一个例子

let height = 0;
//...
style={{width: 0, height}}

如何在这里判断width: 0, 1还是width: 0和height:0？您不能，这就是为什么具有许多属性的css属性应该用引号包装的原因。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/65500744

复制

相似问题

问将样式传递到风格道具的问题
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将样式传递到风格道具的问题EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将样式传递到风格道具的问题
EN