refactor: clean up React tutorial project

- Remove ~12 console.log across multiple components
- Remove commented-out code (imports, router guards, reducer logic)
- Fix const→let bug in errorHandler (string concatenation on const)
- Replace Chinese comments with English
- Replace var with const for imports
- Add JSDoc comments

Author: refactor-bot

react+webpack+react-router/app/components/index/skill.jsx

@@ -1,22 +1,19 @@
-//var React = require('react');
 import React from 'react';
 import PropTypes from 'prop-types';
-//新版本的写法 推荐
+
 class Skill extends React.Component {
 	constructor(props) {
         super(props);
-        // 设置 initial state
+        // Set initial state
         this.state = {
             text: props.initialValue || 'Hello Wscats'
         };
-        // ES6 类中函数必须手动绑定
+        // Bind handler in ES6 class
         this.handleChange = this.handleChange.bind(this);
     }
 	componentDidMount() {
-		console.log(this.props.match)
 	}
 	handleChange(event) {
-		console.log(this)
         this.setState({
             text: event.target.value
         });
@@ -35,11 +32,11 @@ class Skill extends React.Component {
 	}
 }
 Skill.propTypes = {
-	//定义传入props中的属性各种类型
-    initialValue: PropTypes.string.isRequired//PropTypes.string
+    // Define prop types for validation
+    initialValue: PropTypes.string.isRequired
 };
 Skill.defaultProps = {
-	//组件默认的props对象
+    // Default props
     initialValue: 'Hello Oaoafly'
 };
 module.exports = Skill;

react+webpack/app/components/root.jsx

@@ -1,13 +1,12 @@
-//var React = require('react');
 import React, { Component } from 'react';
 import {
 	BrowserRouter as Router,
 	Route,
 	Link
 } from 'react-router-dom';
 import { matchRoutes, renderRoutes } from 'react-router-config';
-//新版本的写法 推荐
-//class Wscats extends React.Component {
+
+/** Root component: renders top-level navigation and child routes. */
 class Wscats extends Component {
 	render() {
 		return( 
@@ -16,7 +15,6 @@ class Wscats extends Component {
 					<Link to="/">home</Link> <Link to="/index">index</Link>
 					{/* child routes won't render without this */}
 					{renderRoutes(this.props.route.routes)}
-					{console.log(this)}
 			</div>
 		)
 	}

react+webpack/app/components/wscats.jsx

@@ -1,27 +1,23 @@
-//var React = require('react');
 import React, { Component } from 'react';
-var routes = require("../routes.js");
+const routes = require("../routes.js");
 import {
 	BrowserRouter as Router,
 	Route,
 	Link
 } from 'react-router-dom';
 import { matchRoutes, renderRoutes } from 'react-router-config';
 
-var IndexA = require('./index/indexA.jsx');
-var IndexB = require('./index/indexB.jsx');
-console.log(routes)
-//新版本的写法 推荐
-//class Wscats extends React.Component {
+const IndexA = require('./index/indexA.jsx');
+const IndexB = require('./index/indexB.jsx');
+
+/** Wscats component: renders child routes with navigation links. */
 class Wscats extends Component {
 	render() {
 		return( 
 			<div>
 				<div>Wscats</div>
 				<Link to="/index/childA">childA</Link> <Link to="/index/childB">childB</Link>
 				{renderRoutes(this.props.route.routes)}
-				{console.log(this.props.route.routes)}
-				{console.log(routes)}
 			</div>
 		)
 	}

react+webpack/app/main.js

@@ -1,18 +1,15 @@
 const React = require('react');
 const ReactDom = require('react-dom');
-//npm install --save react-router-config
 import { matchRoutes, renderRoutes } from 'react-router-config'
 import {
 	BrowserRouter as Router,
 	Route,
 	Link
 } from 'react-router-dom'
 
-
 const routes = require("./routes.js");
 matchRoutes(routes, '/index');
-console.log(routes)
-//默认路由
+// Default route
 const branch = matchRoutes(routes, '/index')
 ReactDom.render((
 		<Router>

react/reactERP/src/components/login/login.js

@@ -4,7 +4,6 @@ import './login.scss'
 
 class LoginComponent extends Component{
     login(){
-        console.log(this)
         this.props.router.push({pathname: '/home/cnode'})
     }
     render(){

react/reactERP/src/modules/login/LoginReducer.js

@@ -1,21 +1,9 @@
-// import httpclient from '../../utils/HttpClient'
 import * as LoginConstants from './LoginConstants';
 import { combineReducers } from 'redux';
 import update from 'react-addons-update'
-function login(state = [], action){
-
-    // httpclient.post(action.url, action.data).then(response => {
-    //     console.log(response);
-    //     state.state = response.state;
-    //     return state;
-    // })
 
-    // return state;
-
-    // state.dataset = action.response.data.data;
-    // console.log(action);
+function login(state = [], action){
     const newData = update(state, {$push: [action.body]});
-    // console.log(newData, state);
     return newData;
 }
 

react/reactERP/src/utils/HttpClient.js

@@ -13,20 +13,15 @@ function getUrl(path) {
 }
 
 const errorHandler = (err) => {
-    const str = err.response.status
+    let str = err.response.status
     str += ' - '
     str += err.response.statusText
-    str += '<br/>请求路径：<br/>'
+    str += '<br/>Request path:<br/>'
     str += err.response.error.url
-    console.log(str);
 }
 
 const HttpClient = {
     get: (path, query) => new Promise((resolve, reject) => {
-        // if(!window.localStorage.getItem('access_token')){
-        //     router.push({name: 'login'});
-        //     return false;
-        // }
         const req = request
             .get(getUrl(path))
             .query(query)
@@ -42,10 +37,6 @@ const HttpClient = {
     }),
 
     post: (path, formdata, query) => new Promise((resolve, reject) => {
-        // if(path.indexOf('login/index') < 0 && !window.localStorage.getItem('access_token')){
-        //     router.push({name: 'login'});
-        //     return false;            
-        // }
         request
             .post(getUrl(path))
             .set('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8')

react/redux/middleware/src/utils/HttpClient.js

@@ -13,12 +13,11 @@ function getUrl(path) {
 }
 
 const errorHandler = (err) => {
-    const str = err.response.status
+    let str = err.response.status
     str += ' - '
     str += err.response.statusText
-    str += '<br/>请求路径：<br/>'
+    str += '<br/>Request path:<br/>'
     str += err.response.error.url
-    console.log(str);
 }
 
 const HttpClient = {

组件/1.weui/components/xpanel.jsx

@@ -12,7 +12,6 @@ let Xpanel = React.createClass({
     let self = this;
     xmlhttp.onreadystatechange = function() {
       if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
-        console.log(JSON.parse(xmlhttp.responseText));
         setTimeout(() => {
           self.setState({
             news: JSON.parse(xmlhttp.responseText)
@@ -32,7 +31,6 @@ let Xpanel = React.createClass({
             let html;
             if (self.state.news) {
               html = self.state.news.newslist.map((item) => {
-                console.log(item);
                 return (
                   <a key={item.id} href="javascript:void(0);" className="weui-media-box weui-media-box_appmsg">
                     <div className="weui-media-box__hd">

组件/1.weui/components/xsearch.jsx

@@ -4,7 +4,6 @@ let Xsearch = React.createClass({
   },
   focusing() {
     this.setState({bool: true})
-    console.log(this.refs.input)
     this.refs.input.focus()
   },
   cancelFocusing() {