react中定義變數並使用方式

class Packaging extends React.Component{ // react 類元件
    constructor(props) {
        super(props);
        this.state = {
          // 進行變數定義（會vue的同學：這個地方就相當於 data 的return裡所定義的）
          // 例如
          name:'定義name'
        };
        this.getNameData();// 呼叫方法
    }
    // 定義方法-寫這個方法是為了給大家操作一下怎麼改變定義的資料
    getNameData() {
        http.get('介面名稱').then(res => {
        	// 第一種
            this.setState({ //  使用this.setState來進行改變變數
                name: res.data.name
            });
            console.log(this.state.dataObj) // 列印不到的
            // 第二種
            this.setState({
		       name: res.data.name
		    },() => {
		      console.log(this.state.dataObj) // 可以列印到
		    })
        }).catch(error => {
            console.error(error)
        })
    }
    render() {
        return  <div className="className">// className定義div的class名稱
        			{this.state.name}
        		</div>
    }
}

window._= {
        /**
         * 儲存localStorage
         */
        setStore:(name, content) =>{
            if (!name) return;
            if (typeof content !== 'string') {
                content = JSON.stringify(content);
            }
            window.localStorage.setItem(name, content);
        },
        /**
         * 獲取localStorage
         */
        getStore:(name) => {
            if (!name) return;
            return window.localStorage.getItem(name);
        },
        /**
         * 清除localStorage
         */
        clearStore:() => {
            window.localStorage.clear();
        },
        
        getQueryStringByName: function (name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
            var r = window.location.search.substr(1).match(reg);
            var context = "";
            if (r != null)
                context = r[2];
            reg = null;
            r = null;
            return context == null || context == "" || context == "undefined" ? "" : context;
        }
    
}

import  "util/tool.jsx";