You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
37 lines
1.1 KiB
37 lines
1.1 KiB
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;
|