陣營使用鐳下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> 
    ) 
    } 
}