Почему в Redux сохраняется только один символ?

Спасибо за Ваш ответ, Павел Диденко!
Я попробовала собрать все данные с формы:

class Register extends React.Component {

state = {
   name: ""
}

registerName = (e) => {
   this.setState( {name: e.target.value} )
   console.log(this.state.name);
  
}

submit = () => {
   this.props.setCourt(this.state.name);
   console.log(this.props.name)  //ничего не выводит :(
}


render() {
  return (
   <div className="form-group">
           <input className="form-control input-field" 
           onChange={this.registerName} 
            name="name" 
           type="text" 
           input={this.state.name}
           />     
           <button onClick={this.submit}>Submit</button>       
   </div>        
  )
 }
}

Не понимаю, в чём ошибка.

Ксения, вы логируете this.props.name, а он у вас в state лежит

Я хочу его перекинуть из state в redux store.
В App.js у меня:

<Route exact path='/' component={()=> <Register setName={setName} 
 name={register.name}  />} />

const mapStateToProps = store => {

    return {
      register: store.register
      }
    }
  
  
  const mapDispatchToProps = dispatch => {
    return {
            setName: name => dispatch(setName(name))
  }
}

Ксения, выложите в песочницу, по кускам кода не очень понятно, что конкретно у вас там происходит

Павел Диденко, пока я переносила все файлы в песочницу, я разобралась в проблеме переноса локального стейта в Redux :) Но сейчас я не могу вывести в консоль информацию из Redux store с первого клика, получается только со второго. Я понимаю, что это связано с тем, что функция работает асинхронно, но не знаю, что нужно изменить. Если не сложно, посмотрите, пожалуйста:
https://codesandbox.io/s/intelligent-cerf-ntbip

Функция работает так, как это задумано и она не асинхронная.
Вот блок кода из функции submit:

this.props.setName(this.state.name);
    console.log("Submitted:" + this.props.name);

Интерпретатор идет по коду сверху вниз и вот что происходит с вашим кодом:
1) Диспатч экшена в редакс
2) логирование текущего пропса
3) изменение стора редакс
4) т.к. изменяется стор, а компонент App слушает изменения стора в компоненте App, он перерисовывается и ререндерит компонент Register с новыми пропсами, и в нем уже логирование идет обновленного стора

Комментарии по коду:
1) Не именуйте файлы и функции redux с большой буквы. Функции с большой буквы в JS - это конструкторы. Используйте camelCase
2) Слушать редакс стор лучше в самом компоненте Register, а не в App. Т.к. App это вообще не нужно. При каждом изменении отслеживаемого свойства в сторе вы ререндерите и App и Register, а должен ререндерится только Register
3) mapDispatchToProps возвращает в итоге объект, поэтому можно использовать синтаксис проще:
a) Вариант 1 - просто вернуть объект
const mapDispatchToProps = { setName };
b) В виде деструктуризации в качестве второго аргумента connect
connect(null, { setName });

Большое спасибо за такой подробный ответ!
Вы не представляете, как Вы мне помогаете!

Я слушаю редакс стор в App, потому что я предполагала добавить туда все компоненты и им бы передала информацию из стор через props.
Например, сейчас я добавила в песочнице ещё один компонент в App:

<Route
        exact
        path="/calendar"
        component={() => <Calendar name={register.name} />}
/>

В компоненте Register сделала переход на компонент Calendar:

submit = () => {
    this.props.setName(this.state.name);
    window.location = "/calendar";
  };

Но в итоге, компонент Calendar отрисовывает initial_state из редакс-стор, а не то, что сохранилось в компоненте Register. :(

Ксения, он так делает, потому что вы делаете window.location - вы попадаете на ту страницу путем перезагрузки страницы, а она сбрасывает стейт (и не сохраняет ничего, что вы делали). Вам нужно делать history.push насколько я помню

Ксения, вынесите роутинг в приложении в отдельный компонент в корневой папке src, роуты должны переходить на компоненты-страницы, их вынесите в папки pages. И вот в самих страницах юзайте коннект, чтобы получать данные из редакс стора. Если ваше приложение будет разрастаться, то каждое отслеживаемое изменение стора будет ререндерить все ваше приложение, а это неправильно

Ксения, P.S. Если хотите писать качественный код и хорошо разобраться в том, что делаете - пройдите этот курс https://www.udemy.com/course/pro-react-redux мне он очень помог, в т.ч. найти работу

Большое спасибо за все советы! Я вам очень-очень благодарна!