Check out example codes for "how to install styled components in react". It will help you in understanding the concepts better.

Code Example 1

npm i styled-components

Code Example 2

npm install [email protected]^5.0.0 [email protected]^16.8 [email protected]^16.8 [email protected]^16.8npm install [email protected]^5.0.0 [email protected]^16.8 [email protected]^16.8 [email protected]^16.8
/**
 * Reset the text fill color so that placeholder is visible
 */
.npm__react-simple-code-editor__textarea:empty {
  -webkit-text-fill-color: inherit !important;
}

/**
 * Hack to apply on some CSS on IE10 and IE11
 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /**
    * IE doesn't support '-webkit-text-fill-color'
    * So we use 'color: transparent' to make the text transparent on IE
    * Unlike other browsers, it doesn't affect caret color in IE
    */
  .npm__react-simple-code-editor__textarea {
    color: transparent !important;
  }

  .npm__react-simple-code-editor__textarea::selection {
    background-color: #accef7 !important;
    color: transparent !important;
  }
}

Learn ReactJs, React Native from akashmittal.com