0xD34F

Наверное, вместо

this.setState({price});

должно быть что-то вроде

this.setState({ price: this.state.price + price });

И дефолтное значение price - почему пустая строка? Такой суммы не бывает. Бывает 0.

Перенесите active из NavLink в Nav (кстати, а что там после этого останется? - да ничего, кроме рендеринга a, которому прокидываются props без изменений; получается, что не так уж и нужен этот компонент, проще создавать этот a сразу в Nav), и хранить в нём индекс активного элемента:

state = {
  active: null,
  ...
}

setActive(active) {
  this.setState({ active });
}

{this.state.items.map((n, i) => (
  <li>
    <NavLink
      href="#"
      className={this.state.active === i ? 'active' : ''}
      onClick={() => this.setActive(i)}
    >
      {n}
    </NavLink>
  </li>
))}

<input type="text" disabled={this.state.selectedPeriod} />

А что это вы такое показали? - насколько я понял, огрызок какого-то метода. При каждом вызове создаётся новый объект audio, и работаете вы только с ним, в то время как доступ к предыдущему потерян после окончания предыдущего же вызова. Надо этот audio куда-то сохранять, чтобы иметь доступ между вызовами метода.

Если export default встречается более одного раза, то при импорте будет непонятно, что именно надо импортировать.

axios.post('/', {})
  .then((response) => {
    this.props.allDocuments(response.data);
  })
  .catch(function (error) {
    console.log(error);
  });

Или bind используйте.