阵营使用镭下DIV

Question

改变CSS这是我原来的代码：

的CSS将改变所有的p标签下<div className="TEST">

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

风格。 css

.TEST p { 
    color:#ffa; 
} 

，如果我使用镭，我需要每个p下<div className="TEST">
有一些方法我可以添加样式<div className="TEST">只是一个时间来改变P个色彩像style.css的方式添加???

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

Answer 1

您可以使用镭的Style组件（多见于：https://github.com/FormidableLabs/radium/tree/master/docs/api#style-component）

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