如何为 React JS 组件类创建样式？

debugcn 发表于 Dev

陈

我尝试为名为 Login 的 React JS 组件编写内联 css，但它显示错误。为什么？执行内联组件 css 的正确方法是什么？

import React, {Component} from 'react';
import {Button} from 'semantic-ui-react'
import '../css/login.css'

class Login extends Component {

    constructor(){
        super();
        this.login_style = {
            marginTop: '10%',
        };
    }

    render() {
        return (
            <div className="ui eight wide column centered grid login_box" style={this.login_style}>
                <div className="four wide column login_login">
                    <h2 className="ui image header centered">
                        <div className="content">
                            Log-in to your account
                        </div>
                    </h2>

错误信息

events.js:183
      throw er; // Unhandled 'error' event
      ^

Error: listen EADDRINUSE :::8000
    at Object._errnoException (util.js:1022:11)
    at _exceptionWithHostPort (util.js:1044:20)
    at Server.setupListenHandle [as _listen2] (net.js:1367:14)
    at listenInCluster (net.js:1408:12)
    at Server.listen (net.js:1492:7)
    at Function.listen (/Users/Wanhui/Desktop/TeamSolid/node_modules/express/lib/application.js:618:24)
    at Object.<anonymous> (/Users/Wanhui/Desktop/TeamSolid/bin/www:3:5)
    at Module._compile (module.js:652:30)
    at loader (/Users/Wanhui/Desktop/TeamSolid/node_modules/babel-register/lib/node.js:144:5)
    at Object.require.extensions.(anonymous function) [as .js] (/Users/Wanhui/Desktop/TeamSolid/node_modules/babel-register/lib/node.js:154:7)

阿杰·高尔

该错误与样式无关，但这是因为端口 8000 上正在运行其他一些进程。终止在端口 8000 上运行的进程。检查此答案。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。