小编ast*_*boy的帖子

eslint与React CSS模块

我正在尝试将React CSS Modules添加到我的项目中,但是我遇到了eslint的问题。我的登录视图如下所示:

import React, { PropTypes as T } from 'react';
import {ButtonToolbar, Button} from 'react-bootstrap';
import Messages from '../Messages/Messages';
import AuthService from '../../utils/AuthService';
import CSSModules from 'react-css-modules';
import styles from './styles.module.css';

class Login extends React.Component {

    render() {

        let rootStyle = {
            textAlign: 'center'
        };

        let toolbarStyle = {
            display: 'inline-block'
        };

        const { auth } = this.props;

        return (
            <div styleName="root">
                <h2>Login</h2>
                <Messages auth={this.props.auth}></Messages>
                <ButtonToolbar styleName="toolbar">
                    <Button bsStyle="primary" onClick={auth.login.bind(this)}>Login</Button>
                </ButtonToolbar>
            </div>
        );
    }
}

Login.PropTypes = { …
Run Code Online (Sandbox Code Playgroud)

reactjs eslint react-css-modules

5
推荐指数
1
解决办法
1622
查看次数

标签 统计

eslint ×1

react-css-modules ×1

reactjs ×1