import React, { Component } from
'react'
class App extends Component {
static defaultProps = {
courseContent : [
'JSX'
,
'React Props'
,
'React State'
,
'React Lifecycle Methods'
,
'React Event Handlers'
,
'React Router'
,
'React Hooks'
,
'Readux'
,
'React Context'
]
}
constructor(props){
super
(props)
this
.state = {msg :
'React Course'
, content:
''
}
}
renderContent(){
return
(
<ul>
{
}
{
this
.props.courseContent.map(content => (
<li>{content}</li>
))}
</ul>
)
}
render(){
const button = !
this
.state.content &&
<button
onClick={() => {
this
.setState({
msg :
'Course Content'
,
content :
this
.renderContent()
})
}}
>
Click here to know contents!
</button>
return
(
<div>
<p>{
this
.state.msg}</p>
<p>{
this
.state.content}</p>
{button}
</div>
)
}
}
export
default
App