React конвертер валют. Где реализовать функцию пересчёта?

Question

[Norwood]

Делаю конвертер валют. Есть 2 инпута. При вводе числа в первый инпут результат должен автоматически отобразиться во вторим инпуте и наоборот, если вводишь в во второй, то результат выводит в первый.
Я сделал отображение ввода числа в инпут и отображение его во втором инпуте, но где можно реализовать пересчёт вводимого числа?

class Form extends React.Component{
  state={
    firstValue:'',
    secondValue:'',
  }
  handleChange =(event)=>{
    this.setState({firstValue:event.target.value,secondValue: event.target.value},
      );
  }
  render() {
    const {firstValue, secondValue}= this.state;
    console.log(firstValue)

    return<div>
      <input type="number" name='firstValue' value={this.state.secondValue} onChange={this.handleChange}/>
      <input type="number" name='secondValue' value={this.state.firstValue} onChange={this.handleChange}/>
    </div>
  }
}
export default Form;

Answer 1

[0xD34F]

Информацию о валютах сложить в массив объектов вида { имя валюты, относительная стоимость }.
На основе этого массива создавать input'ы.
Когда пользователь что-то вводит, запоминать не только значение, но и имя валюты.
Вывод значений - последняя редактировавшаяся валюта как есть, для остальных значение умножается на отношение относительных стоимостей, собственной и последней редактировавшейся.

https://jsfiddle.net/3h8zfw2k/