Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- import React, {Component} from "react";
- class Language extends Component {
- state = {
- language: [
- {
- name: 'Java',
- sphere: ['backend', 'enterprise', 'mobile development']
- },
- {
- name: 'Golang',
- sphere: ['backend', 'cloud systems', 'system development']
- },
- {
- name: 'JavaScript', sphere: ['frontend', 'backend', 'desktop']
- }
- ],
- framework: [
- {name: 'Spring Framework', language: this.state.language.name[0]},
- {name: 'React JS', language: this.state.language.name[2]},
- {name: 'Gorilla', language: this.state.language.name[1]}
- ]
- };
- render() {
- let framework = this.state.framework;
- let language = this.state.language;
- return (
- <div>
- <h2>Top 3 languages: </h2>
- <div>
- <strong>Language: {language.name}</strong>
- <strong>Sphere: {language.sphere[0]}</strong>
- </div>
- <br/>
- <div>
- <strong><i>Framework: {framework.name}</i></strong>
- <strong><i>Language: {framework.language}</i></strong>
- </div>
- </div>
- );
- }
- }
- export default Language;
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement