传播样式与 CSS 样式反应答案

【问题标题】：spread style in react with css styles传播样式与 CSS 样式反应
【发布时间】：2022-01-14 17:26:00
【问题描述】：

我正在寻找一种使用 css className 覆盖组件样式的方法，这是我迄今为止尝试过的：

<div
      style={{
        shadowColor: 'black',
        shadowOffset: { width: 0, height: 2 },
        shadowRadius: 6,
        shadowOpacity: 0.26,
        elevation: 8,
        boxShadow: '2px 5px 5px',
        border-color: 'white';

        ...props.style,
      }}>
      {props.children}
    </div>

这是css样式：

.component_override {
    height: 600px;
    width: 400px;
    background-color: rgb(255, 255, 255);
    border-radius: 30px;
    border: solid;
    border-color: #000000;
}

【问题讨论】：

您是否尝试过删除; 并在此处添加, -> border-color: 'white';？
问题出在哪里？

标签： javascript html css reactjs styles

【解决方案1】：

border-color: 'white';

应该是

borderColor: 'white',

【讨论】：