@ozo/react-rock/src/pages/About/About.jsx

React 移动端开发脚手架，基于CRA3，通用、开箱即用。

import React, { Component } from 'react';
import { inject, observer } from 'mobx-react';
import TimeDemo from './TimerDemo';
import { logo } from '@/assets';
import styles from './About.module.scss';

@inject('userStore')
@observer
class About extends Component {
    componentDidMount() {
        setTimeout(() => {
            this.props.userStore.setMobile('18888888888');
        }, 3000);
    }
    render() {
        const { userStore } = this.props;
        const { nickName, mobile, img } = userStore.userInfo;

        return (
            <div className={styles.content}>
                <div className={styles.logWrap}>
                    <img src={logo} className={styles.logo} alt="logo" />
                </div>

                <div className={styles.text}>
                    <div>{nickName}</div>
                    <div>{mobile}</div>
                    <div>
                        <img src={img} alt="" />
                    </div>
                </div>

                <div style={{ marginTop: '10px', padding: '10px' }}>
                    <TimeDemo />
                </div>
            </div>
        );
    }
}
export default About;