React: restructured prop

Aps

import React, { Component } from 'react';
import './App.css';
import currencies from './currencies'
import Ticker from './Ticker/Ticker'

class App extends Component {
  state = {
    selectedPairs: []
  }

....
  render() {
    return (
      ....
        <main>
          {this.state.selectedPairs.map(pair => <Ticker pair={pair}/>) }
        </main>
      </div>
    );
  }
}

export default App;

ir pats komponentas:
import React from 'react';

export default function( {pair} ) {
return (
<div>
<p>{pair.toUpperCase().replace('_', ' to ')}</p>
<p>12 000</p>
</div>
)
}