getter just like vue computed property

getter.js

import React, { Component } from 'react';
import ReactDOM from 'react-dom';

class Getter extends Component {
  firstAndLastName() {
    return `${this.props.firstName} ${this.props.lastName}`;
  }

  get fullName() {
    return `${this.props.firstName} ${this.props.lastName}`;
  }

  render() {
    return (
      <div>
        <h3>
          fullName is {this.fullName}
        </h3>
        <h3>
          firstAndLastName is {this.firstAndLastName()}
        </h3>
      </div>
    );
  }
}

ReactDOM.render(
  <Getter firstName={'kiho'} lastName={'cham'} />,
  document.getElementById('app')
);