如何在Radium的其中一个组件中使用常用的CSS样式到其他组件？

问题描述：

我有一个两个组件，他们使用不同的内容相同的布局/样式。我在React.js中使用Radium。我在其中一个组件中使用了内联样式，并希望对其他组件使用相同的样式。我是Radium和React的新手。帮帮我！如何在Radium的其中一个组件中使用常用的CSS样式到其他组件？

在此先感谢。干杯！

难道你只是将包含你的样式的变量作为道具传递给另一个组件吗？ –

你使用的是webpack吗？ –

给我们一些你的代码。 –

答

您只需要创建一个共享的外部样式文件，然后将其导入到需要它的每个组件中。

// 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> 
    ); 
    } 
}

如何在Radium的其中一个组件中使用常用的CSS样式到其他组件？

相关推荐