Стили радия для компонента приложения не работают - PullRequest
Новая
       37

Стили радия для компонента приложения не работают

0 голосов
/ 20 октября 2018

Я играл со своим кодом и работал с Radium, потом обнаружил, что не могу установить стили для самого компонента приложения, давайте сделаем его ярче, это мой код: 

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 в компонент StyleRoot в файле index.js и затем рендеринг его, в чем моя проблема?я не должен устанавливать стили для Компонента приложения?спасибо всем и извините за мой английский:)

...