與 css styles 反應的傳播樣式

Question

我正在尋找一種使用 css className 覆蓋組件的 styles 的方法，這是我迄今為止嘗試過的：

<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 styles：

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

Answer 1

border-color: 'white';

應該

borderColor: 'white',