命名规范

1. React 组件名采用大驼峰命名法(PascalCase)

// good
class Grade extends React.PureComponent {
}

// bad
class grade extends React.PureComponent {
}

2. 事件处理函数以 handle 打头

// good
class Grade extends React.PureComponent {

    handleDeleteButtonClick = (e) => {
        // do something
    }

    handleCtrlEffectDateChange = effectDate => {
        // do something
    }

    render() {
        return (
            <div>
                <CtrlEffectDate
                    onChange={this.handleCtrlEffectDateChange}
                />
                <Button onClick={this.handleDeleteButtonClick}>Delete</Button>
            </div>
        );
    }
}