Finch_85

let value = document.querySelector('#amount').value.slice(1)

В первом примере можно немного оптимизировать время работы за счёт меньшего количества вызовов indexof:

function findAll(str, target) {
  let res = [];
  let ind = 0;
  for(let position = 0; position < str.length; position++) {
     if (ind <= position){
         ind = str.indexOf(target, position);
         if (ind == -1) break;
         res.push(ind);
     }
  }
  return res
}

Логическое или, если проверяемый операнд истина, то проверка дальше не идет и возвращается его значение.
Почитать

Если submit находится в этом же компоненте - просто забираем значения из state.

Если в другом (на уровень выше, получается, или на несколько), то значит вам нужно из компонента, при изменении вызывать callback функцию (которая будет передана в качестве props), внутри которой будет вызываться изменение уже родительского стейта и тогда на submit вы запросто сможете забирать уже готовый state

Пример кода:

Component A

state = {
  fromSuperComponent: '123',
}

callMeHandle = (e) => {
  this.setState({
    fromSuperComponent: e.currentTarget.value,
  })
}

render() {
  return (
    <form>
      <input type='text' value='test'/>
      <SuperComponent callMeWhenDataChanged={this.callMeHandle} value={this.state.fromSuperComponent} />
    </form>
  )
}

SuperComponent

render() {
  <input type='text' value={this.props.value} onChange={this.props.callMeWhenDataChanged} />
}