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.
59 lines
1.5 KiB
59 lines
1.5 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title></title>
|
|
<link rel="stylesheet" href="lib/antd/antd.css" />
|
|
</head>
|
|
<body>
|
|
<div id="app"></div>
|
|
<script src="lib/react/umd/react.development.js"></script>
|
|
<script src="lib/react-dom/umd/react-dom.development.js"></script>
|
|
<script src="lib/react-router/react-router.js"></script>
|
|
<!--<script src="lib/react-router-dom/react-router-dom.js"></script>-->
|
|
<script src="lib/babel-standalone/babel.js"></script>
|
|
<script src="lib/moment/moment.js"></script>
|
|
<script src="lib/moment/locale/zh-cn.js"></script>
|
|
<script src="lib/antd/antd.js"></script>
|
|
<script type="text/babel">
|
|
class Users extends React.Component {
|
|
constructor(props) {
|
|
super(props);
|
|
this.state = { liked: false };
|
|
}
|
|
|
|
render() {
|
|
if (this.state.liked) {
|
|
return 'You liked this.';
|
|
}
|
|
|
|
return (
|
|
<button onClick={() =>
|
|
this.setState({ liked: true })}>
|
|
Like
|
|
</button>
|
|
);
|
|
}
|
|
}
|
|
|
|
render((
|
|
<BrowserRouter>
|
|
<Route path="/" component={App}>
|
|
<Route path="groups" component={Groups} />
|
|
<Route path="users" component={Users} />
|
|
</Route>
|
|
</BrowserRouter>
|
|
), node)
|
|
|
|
class App extends React.Component {
|
|
render() {
|
|
return (
|
|
<div>
|
|
<Users />{this.props.children}
|
|
</div>
|
|
)
|
|
}
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |