‘Filter组件添加详细注释

HighStateComponent/Filter/index.js

@@ -36,6 +36,7 @@ export default class Filter extends React.Component{
     this.fetchOptions();
   }
 
+  // 获取年级和系列表
   fetchOptions = async() => {
     const res = await queryOptions();
     if(!res || !res.gradeList || !res.institutionList) return false;
@@ -52,6 +53,7 @@ export default class Filter extends React.Component{
     })
   }
 
+  // 获取班级列表
   fetchClazzList = (params={}) => {
     const { options } = this.state;
     getWebInfo(params,api.GETCLAZZLIST).then(res=> {
@@ -65,6 +67,7 @@ export default class Filter extends React.Component{
     })
   }
 
+  // 获取专业列表
   fetchMajorList = (params={}) => {
     const { options } = this.state;
     getWebInfo(params,api.GETMAJOR).then(res=> {
@@ -78,8 +81,10 @@ export default class Filter extends React.Component{
     })
   }
 
+  // 选择时处理函数
   formChange = (key,value) => {
     let { formValues } = this.state;
+    
     // 判断是否第二次取消
     if(key === 'clazzIds') {
       if(formValues[key].indexOf(value) !== -1){
@@ -94,18 +99,21 @@ export default class Filter extends React.Component{
       else formValues[key]= value;
     }
 
+    // 年级变化时
     if(key === 'gradeId') {
       delete formValues.institutionId;
       delete formValues.majorId
       formValues.clazzIds=[];
     }
 
+    // 专业变化时
     if(key === 'institutionId') {
       this.fetchMajorList({institutionId:value});
       delete formValues.majorId
       formValues.clazzIds = [];
     }
 
+    // 专业变化时
     if(key === 'majorId') {
       this.fetchClazzList({institutionId: formValues.institutionId, majorId: value,gradeId: formValues.gradeId});
       formValues.clazzIds = [];
@@ -116,6 +124,7 @@ export default class Filter extends React.Component{
     })
   }
 
+  // 学号/姓名 输入处理
   inputChange = (e) => {
     const { formValues } = this.state;
     var value = Number(e.target.value);
@@ -134,9 +143,11 @@ export default class Filter extends React.Component{
     })
   }
 
+  // 选择列表状态生成
   generateItem = (keyName,dataList) => {
     const { formValues } = this.state;
-    // 判断类名
+
+    // 判断是否选中
     const isSelect =(value) => {
       if(keyName === 'clazzIds') {
         if(formValues[keyName].indexOf(value) !== -1) return true;
@@ -157,6 +168,7 @@ export default class Filter extends React.Component{
     )
   }
 
+  // 搜索处理
   search = () =>{
     const { formValues } = this.state;
     const clazzIds = formValues.clazzIds.join(',');
@@ -164,6 +176,7 @@ export default class Filter extends React.Component{
     this.props.Toggle && this.props.Toggle();
   }
   
+  // 重置搜索条件
   reset =() => {
     this.setState({
       formValues: {
@@ -171,6 +184,7 @@ export default class Filter extends React.Component{
       }
     })
   }
+
   render(){
     const { gradeList, institutionList, majorList, clazzList } = this.state.options;
     const { gradeId, institutionId , majorId } = this.state.formValues;