更改记录

[ckinmind]

记录各个组件的更改记录

[ckinmind]

App组件中

1. 回到顶部的函数改为原生js

 $(document).scrollTop(0);

// 改为

document.body.scrollTop = 0;

2. 去掉goToTop函数，改为直接在onClick上绑定处理函数

 goToTop() {
        // $(document).scrollTop(0);
        document.body.scrollTop = 0;
 }
<a className="goto-top" onClick={this.goToTop}></a>

// 改为

<a className="goto-top" onClick={()=> document.body.scrollTop = 0}></a>

3. 将App组件改为函数式组件

let App = React.createClass({
    render() {
        return (
            <div>
                <Header/>
                <Menu/>
                <div className="container">
                    <a className="goto-top" onClick={()=> document.body.scrollTop = 0}></a>
                    {this.props.children}
                </div>
            </div>
        )
    }
});

/***********************  改为    ************************************/
const App = ({children})=>(
    <div>
        <Header/>
        <Menu/>
        <div className="container">
            <a className="goto-top" onClick={()=> document.body.scrollTop = 0}></a>
            {children}
        </div>
    </div>
);

[ckinmind]

errorPage组件

1. 改为函数式组件

let PageNotFound = React.createClass({
    render() {
        return (
            <div className="page-not-found">Page not found</div>
        )
    }
});

/************************   改为  ******************************/

const PageNotFound = ()=>(
    <div className="page-not-found">Page not found</div>
);

[ckinmind]

show / job / new 组件

1. 将几个页面的convertTime函数独立到工具函数文件（util/util.js）中，然后对外暴露接口

2. 删除render return中的this.props.children，因为没有这些组件中没有嵌套子组件，也就没有children

3. 修改加载比如showstories/jobstories的方式，原来的方式会导致每次下拉刷新就会重新加载一次比如showstories数据，这是不合理的，新的方式改为只在componentDidMount中加载一次，然后将数据存储在state中

[ckinmind]

menu组件

1. 完全修改了这个组件，简化形式，变成了函数式组件