123456789101112131415161718192021 |
- class StoryBox extends React.Component {
- render() {
- const now = new Date();
- const topicsList = ['HTML', 'JavaScript', 'React'];
- return (<div>
- <h3>Stories</h3>
- <p className="lead">
- Current time: {now.toTimeString()}
- </p>
- <ul>
- {topicsList.map((topic, index) => <li key={index}>{topic}</li>)}
- </ul>
- </div>);
- }
- }
- ReactDOM.render(
- <StoryBox/>, document.getElementById('story-app')
- );
|