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

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

1 个答案: