import React, {Component, Fragment} from 'react';
import {NavLink, Route} from 'react-router-dom'
import New from './New'
import Pub from './Pub'
import Home1 from "./Home/Home1";
import Home2 from "./Home/Home2";

class Home extends Component {
    constructor(props) {
        super(props);
        this.state = {
            val: 'default val'
        }
    }

    render() {
        return (
            <Fragment>
                <p>hello react cli {parseInt(Math.random() * 10)}</p>
                <img src={require('../asset/1.jpg')}/>
                <img src='cms站点领域.jpg'/>
                <p>{this.state.val}</p>
                <New text="nelson" call={(val) => {
                    console.log(val)
                    this.setState({val})
                }}/>
                <Pub/>
                <NavLink to="/home/home1">home1</NavLink>
                <NavLink to="/home/home2">home2</NavLink>
                <Route path="/home/home1" component={Home1}></Route>
                <Route path="/home/home2" component={Home2}></Route>
            </Fragment>
        );
    }
}

export default Home;