Question

我在玩代码，并在Radium上工作，然后发现我无法为我的App Component本身设置样式，让我们变得更加明亮，这是我的代码：

import React, { Component } from 'react';
import Radium, {StyleRoot} from "radium";
import './App.css';
import Person from './Person/Person';


class App extends Component {

render() {
const style = {
  backgroundColor: "green",
  color: "white",
  border: "1px solid blue",
  font: "inherit",
  padding: "8px",
  cursor: "pointer",
  ":hover": {
    backgroundColor: "lightgreen"
  }
  ,
  "@media (min-width: 500px)": {
    fontSize: "100px"
  }
}
return (
  <StyleRoot>
    <div className="App">
      <h1>I'm a React app!!!</h1>
      <input type="text" onKeyPress={this.classChangeHandler} />
      <p className={classList.join(" ")}>this is working</p>
      <button style={style} onClick={this.showPersonsHandler}>Switch Name</button>
      {persons}
    </div>
  </StyleRoot>
);

export default Radium(App);

我的问题是我可以在例如Person组件本身中设置样式，然后导出Radium（Person），但是我无法为App组件设置样式，我的意思是可以，但不适用，它工作的唯一方法是将App组件放入index.js文件的StyleRoot组件中，然后呈现它，我的问题是什么？我不应该为App Component设置样式吗？谢谢大家，对我的英语感到抱歉：）

应用程序组件的镭样式不起作用

0 个答案: