如何在Radium的其中一個組件中使用常用的CSS樣式到其他組件？

Question

我有一個兩個組件，他們使用不同的內容相同的佈局/樣式。我在React.js中使用Radium。 我在其中一個組件中使用了內聯樣式，並希望對其他組件使用相同的樣式。 我是Radium和React的新手。幫幫我！

在此先感謝。 乾杯！

Answer 1

您只需要創建一個共享的外部樣式文件，然後將其導入到需要它的每個組件中。

// styles.js 
export default { 
    base: { 
    background: 'red' 
    } 
} 

// components 
import sharedStyles from 'path/to/styles.js'; 

@Radium 
class Button extends React.Component { 
    render() { 
    return (
     <button 
     style={[ 
      sharedStyles.base 
     ]}> 
     {this.props.children} 
     </button> 
    ); 
    } 
}