Shulou(Shulou.com)06/01 Report--

This article mainly introduces the relevant knowledge of how to use css in React, the content is detailed and easy to understand, the operation is simple and fast, and has a certain reference value. I believe you will gain something after reading this article on how to use css in React. Let's take a look at it.

First, the inline style uses import React from 'react'class Home extends React.Component {render () {return (title)}} export default Home II. The declaration style uses import React from' react'class Home extends React.Component {render () {const title = {fontColor: 'green' MarginTop: '5px'} return (title)}} export default Home III. External introduction of import React from' react' Import'. / Home.css';class Home extends React.Component {render () {return (title)}} export default Home IV, Style Componentnpm install-- save styled-componentsimport React from 'react';class Home extends React.Component {const Title = styled.h4` margin-top: 5px; font-color: green; `; render () {return (title)}} export default Home VI, Radiumimport React from "react" Import Radium from 'radium';let styles = {title: {color:' green', marginTop: '5px': hover': {fontColor:' 16px'}}, info: {color:'# 666'}}; class Home extends Component {render () {return (title);}} export default Radium (Home) This is the end of the article on "how to use css in React". Thank you for reading! I believe you all have a certain understanding of "how to use css in React". If you want to learn more, you are welcome to follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.