import React from 'react';
import ReactDOM from 'react-dom';
import 'font-awesome/css/font-awesome.min.css';
import './index.css';
import './index.scss';
let jsx = (
<div>
<i className='fa fa-address-book'></i>
<h1>Hello, react!</h1>
<p>test style</p>
<p>test className</p>
</div>
);
// ES5形式的
function Component() {
return <h1>I am Yuusuke</h1>
}
//ES6形式的
class ES6Component extends React.Component {
render() {
return <h1>I am Yuusuke in es6</h1>
}
}
ReactDOM.render(
// jsx,
// 一个组件用这种方式
// <Component></Component>,
// 两个组件及以上时,用<div></div>包裹起来
<div>
<Component></Component>
<ES6Component></ES6Component>
</div>,
document.getElementById('app')
);
深入了解React(二、组件JSX语法)
猜你喜欢
转载自blog.csdn.net/yuzhiboyouzhu/article/details/79988588
今日推荐
周排行