import React from "react";
import "./App.css";
class FinalList extends React.Component {
  render() {
    return (
      <div>
        <div>{this.props.title}</div>
        <div>{this.props.name}</div>
      </div>
    );
  }
}

export default FinalList;














import React from "react";
import "./App.css";
class Product extends React.Component {
  render() {
    return (
      <div>
        <div>{this.props.name}</div>
        <button onClick={e => this.props.onClick(this.props.id)}>
          {this.props.symbol}
        </button>
      </div>
    );
  }
}

export default Product;