代码拉取完成,页面将自动刷新
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="css/table.css"/>
</head>
<body>
<div id="app"></div>
</body>
</html>
<script src="js/react.min.js"></script>
<script src="js/react-dom.min.js"></script>
<script src="js/browser.js"></script>
<script type="text/babel">
var FancyLink = React.createClass({
render: function() {
/*
var attr = {
href: 'http://example.org',
target: '_blank',
};
// return <a {...attr}>Hello</a>;
return (
<a
href={attr.href}
target={attr.target}>
Hello
</a>
);
*/
/*
switch(this.props.size) {
// do something based on the `size` prop
}
var attribs = Object.assign({}, this.props); // shallow clone
delete attribs.size;
*/
var {size, ...attribs} = this.props;
switch(size) {
// do something based on the `size` prop
}
return <a {...attribs}>{this.props.children}</a>;
}
});
ReactDOM.render(
<div>
<FancyLink
href="http://example.org"
style={{color: "red"}}
target="_blank"
size="medium">
Hello
</FancyLink>
</div>,
document.getElementById('app')
);
</script>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。