构建一个简单的React开发模板 PDF 下载_Java知识分享网-免费Java资源下载

Java知识分享网 - 轻松学习从此开始！

构建一个简单的React开发模板 PDF 下载

时间:2024-07-03 11:53来源:http://www.java1234.com 作者:转载 侵权举报

构建一个简单的React开发模板

失效链接处理

构建一个简单的React开发模板 PDF 下载

转载自：http://java.python222.com/article/1587

相关截图：

主要内容：

源码实现

这里只列出一些关键代码，供演示用，其它的文件代码可参考原码中描述，不再详细说明了。 Logo.js实现

import React from 'react';
class Logo extends React.Component {
render() {
return <div className="Logo"/>;
}
}
export default Logo

Logo.css实现

.Logo {
background: purple url('../../images/whinepad-logo.png');
background-size: cover;
display: inline-block;
height: 60px;
vertical-align: middle;
width: 100px;
}

app.js实现

'use strict';
import Logo from './components/Logo';
import React from 'react';
import ReactDOM from 'react-dom';
ReactDOM.render(
<div>
<h1>
<Logo/> Welcome to Whinepad!
</h1>
</div>,
document.getElementById('pad')
);