import React , {Component}from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import './index.css';
class Header extends Component {
renderWord(m,n){
const flag = true;
return flag ? m : n;
}
render(){
const className = 'header';
const isGoodWord = true;
return(
<div className = {className}>
<h1>涛涛的长河中{
(function(){
return ('--韩')
})()
}</h1>
<h2>
再试试
{
isGoodWord ? <strong>true</strong> : <span>false</span> //如果三元判断:后是个null 就什么都不显示
}
</h2>
<h3>
继续
{
this.renderWord(<strong>true</strong> ,<span>false</span>)
}
</h3>
</div>
)
}
}
ReactDOM.render(
<Header />,
document.getElementById('root')
);