使用镭在div下更改css

这是我的原始代码：

css将更改

Home.js

export default class Home extends Component {
  render() {
    return (
        <div className="TEST">
          <p>1234567</p>
          <p>1234567</p>
          <p>1234567</p>
          <a>qqqqqqqqqqqq</a>
        </div>
    );
  }
}

.TEST p {
  color:#ffa;
}

如果我使用镭，我需要在

是否有某种方法可以在

中一次性添加样式，以像style.css那样更改p颜色

import Radium from 'radium';

let styles = {
  home:{
  test:{
    color:'#ffa',
  }
}

export default class Home extends Component {
  render() {
    return (
        <div className="TEST">
          <p style={styles.test}>1234567</p>
          <p style={styles.test}>1234567</p>
          <p style={styles.test}>1234567</p>
          <a>qqqqqqqqqqqq</a>
        </div>
    );
  }
}

从“镭”导入镭；
让样式={
主页：{
测试：{
颜色：“#ffa”，
}
}
导出默认类Home extends组件{
render（）{
返回(
1234567
1234567
1234567
QQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQ
);
}
}

您可以使用镭的

样式

组件（详见：）

import React，{Component}来自“React”
从“镭”导入镭，{Style}
导出默认类Home extends组件{
渲染（）{
返回(
1234567

1234567

1234567

)
}
}

您可以使用镭的

样式

组件（详见：）

import React，{Component}来自“React”
从“镭”导入镭，{Style}
导出默认类Home extends组件{
渲染（）{
返回(
1234567

1234567

1234567

)
}
}

我不确定是否清楚，但我猜您希望动态地将新样式添加到

样式

对象中，然后在

渲染（）中使用它们

method，是吗？是的，我想知道我是否使用镭，这是否意味着我需要在每个标记上添加样式，还是有其他方法可以设置一次？我不确定我是否清楚，但我猜您希望动态地将新样式添加到

样式

对象中，然后在

渲染（）中使用它们

method，是吗？是的，我想知道我是否使用镭，这是否意味着我需要在每个标记上添加样式，或者是否有其他方法可以设置？谢谢！我还有一个问题。当你编写组件时，你会使用镭来替换css文件？还是同时使用两者？在我的上一个项目中，我已经完全替换了css文件s表示使用镭的内联样式。不过，您可以保留两者。谢谢！我还有另一个问题。在编写组件时，您是使用镭来替换css文件？还是同时使用两者？在我的上一个项目中，我已完全使用镭来替换内联样式的css文件。不过，您可以保留两者。

import React, { Component } from 'react'
import Radium, { Style } from 'radium'

export default class Home extends Component {
  render () {
    return (
      <div>
        <Style scopeSelector=".TEST p" rules={{ color: '#ffa' }} />
        <div className="TEST">
          <p>1234567</p>
          <p>1234567</p>
          <p>1234567</p>
        </div>
      </div>
    )
  }
}